/* REPORTS */
#report-form form {
    gap: 16px;
}

#report-form .control-group,#report-view .control-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
}

#report-form .control-label,#report-view .control-label {
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
}

#report-form .controls,#report-view .controls {
    width: 100%;
    text-align: left;
}

#report-form select,#report-form textarea,#report-form input[type="text"],#report-form input[type="file"],#report-view textarea {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto;
}

#report-form textarea,#report-view textarea {
    min-height: 120px;
}

#report-form select,#report-form input[type="text"] {
    min-height: 0;
    height: 42px;
}

#report-form input[type="file"] {
    min-height: 0;
    height: auto;
}

#report-form .help-block {
    display: block;
    margin: 6px 0 0 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--mb-color6);
}

#report-form .control-group:last-child {
    margin-top: 8px;
}

#report-form #error_list,#report-form #error_list2,#report-view #error_list,#report-view #error_list2 {
    display: none!important;
}

#report-form .g-recaptcha,#report-form .anr_captcha_field {
    margin: 0 0 12px 0;
}

.pre-account #report-form form .controls > .btn,.pre-account #report-form form button[type="submit"] {
    width: 100%;
    margin: 0;
}

#report-view .report-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    background: #eef6fa;
    color: #056786;
    font-weight: bold;
    line-height: 18px;
}

#report-view .report-status-awaiting_feedback {
    background: #fff6e5;
    color: #8a6116;
}

#report-view .report-status-resolved {
    background: #e8f6ec;
    color: #1e8e3e;
}

#report-view .report-status-rejected {
    background: #fdecec;
    color: #b32d2e;
}

#report-view .report-status-cancelled {
    background: #f0f0f1;
    color: #646970;
}

#report-view .report-status-in_review,#report-view .report-status-submitted,#report-view .report-status-on_hold {
    background: #e8f1fb;
    color: #0a4b78;
}

#report-view .comments_list {
    width: 100%;
    margin: 20px 0;
}

#report-view .comments_list > h2 {
    margin: 0 0 14px 0;
    padding: 0;
}

#report-view .comments_list .comment {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 12px 14px;
    background: #f8f8f6;
    border: 1px solid #e6e6e4;
    border-left: 3px solid #b0b0ae;
    border-radius: 3px;
    word-break: break-word;
    position: relative;
}

#report-view .comments_list .comment.has-user-img {
    padding-left: 66px;
}

#report-view .comments_list .comment.reply {
    background: #f3f9fc;
    border-color: #d4e8f0;
    border-left-color: #0d9ecc;
}

#report-view .comments_list .comment:last-child {
    margin-bottom: 0;
}

#report-view .comments_list .comment p {
    margin: 0;
    padding: 0;
    width: 100%;
}

#report-view .comments_list .comment p.bld {
    margin: 0 0 6px 0;
}

#report-view .comments_list .comment p.bld span {
    margin-left: 6px;
    font-weight: normal;
    color: #888;
}

#report-view .comments_list .comment .user-img {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}

#report-view .comments_list .comment .user-img img {
    display: block;
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: cover;
}

#report-view form[name="report_reply"] {
    width: 100%;
    margin-top: 8px;
}

.modal-box.report .text > a {
    margin: 4px 0;
}

@media screen and (max-width: 767px) {
    #report-view .comments_list .comment {
        padding:10px 12px;
    }

    #report-view .comments_list .comment.has-user-img {
        padding-left: 56px;
    }

    #report-view .comments_list .comment .user-img {
        left: 10px;
        top: 10px;
        width: 36px;
        height: 36px;
    }

    #report-view .comments_list .comment .user-img img {
        width: 36px;
        height: 36px;
    }
}

/* HEADER */
header {
   height: 40px;
    border-bottom: 1px solid #cfd4dd;
    position: fixed;
    z-index: 9999;
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
    padding: 0px 0;
    min-height: 55px;
}

.osc-has-admin-header header, .osc-has-admin-header #header-search {
    margin-top: 34px;
}

header .container {
    height: 100%;
}

header .logo {
    display: inline-flex;
    font-weight: bold;
    min-width: fit-content;
    max-width: 200px;
    font-size: 18px;
    color: var(--mb-color2, #2c2c2c);
    line-height: 18px;
    margin: 0;
}

header .logo.square {
    display: none;
}

html[mode="light"] header .logo.dark {
    display: none;
}

html[mode="dark"] header .logo.light {
    display: none;
}

header .container.cmain {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

header .logo img {
    min-height: 50px;
    height: 50px;
    object-fit: contain;
    max-width: 280px;
} 

@media screen and (max-width: 767px) {
    header {
        height:116px;
    }

    body {
        padding-top: 54px;
    }

    header {
        height: 54px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        z-index: 9999;
        border: none;
    }

    header {
        transform: translateY(0);
        transition: transform .2s ease;
        will-change: transform;
    }

    header.header-hidden {
        transform: translateY(0);
    }

    header .container.cmain {
        height: 54px;
        display: flex;
        justify-content: flex-start;
        background: #fff;
        position: relative;
        z-index: 2;
    }

    header .logo img {
        height: 50px;
        min-height: 50px;
        padding: 4px 2px;
    }

    header .links {
        gap: 0;
    }

    body.mobile-menu-opened header {
        z-index: 101;
        transform: unset;
    }
}

header a#menu-open {
    margin-right: 6px;
    margin-left: 0;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    header a#menu-open {
        margin-left:-6px;
    }
}

@media screen and (max-width: 767px) {
    header a#menu-open {
        margin-left:0;
        margin-right: 6px;
    }
}

header a#menu-open svg {
    width: auto;
    height: 18px;
    fill: var(--mb-color2);
}

header .links-hook {
    display: flex;
    display: none!important;
    margin: 0 4px;
    display: flex;
    gap: 2px;
    height: 32px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
}

header .links-hook:empty {
    display: none;
}

header .links-hook a {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 10px;
    border-radius: 8px;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
    color: var(--mb-color3);
    height: 32px;
}

header .links-hook a:hover {
    text-decoration: none;
    color: var(--mb-color-primary);
    background: #e8e8e8;
}

header .links-hook a > em, header .links-hook a > .counter {
    display: none!important;
}

header .links-hook a > i, header .links-hook a > svg {
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    color: var(--mb-color3);
    fill: var(--mb-color3);
}

header .links-hook a:hover > i, header .links-hook a:hover > svg {
    color: var(--mb-color-primary);
    fill: var(--mb-color-primary);
}

!header .links-hook {
    margin-right: auto;
}

header .links-hook a > i, header .links-hook a > svg {
    display: none!important;
}

header .search-line, #mobile-search {
    height: 40px;
    position: relative;
    flex: 1;
    margin-left: 3%;
    margin-right: 2%;
    z-index: 6;
}

header .search-line .input-box, #mobile-search .input-box {
    position: relative;
    margin: 0;
} 

header .search-line input[type="text"], #mobile-search input[type="text"] {
    border-radius: 100px;
    width: 100%;
    border: 2px solid #d4d4d4;
    color: var(--mb-color2);
    height: 40px;
    box-shadow: none;
    font-size: 15px;
    padding-left: 36px;
    padding-right: 40px;
    text-overflow: ellipsis;
}

header .search-line input[type="text"]:hover, header .search-line input[type="text"]:focus, #mobile-search input[type="text"]:hover, #mobile-search input[type="text"]:focus {
    box-shadow: 0 0 0 1.5px #d0d0d0!important;
    outline: none;
}

header .search-line input[type="text"]::placeholder, #mobile-search input[type="text"]::placeholder {
    font-style: normal;
}

header .search-line button[type="submit"].btn, #mobile-search button[type="submit"].btn {
    position: absolute;
    padding: 0;
    right: 4px;
    top: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

header .search-line button[type="submit"].btn svg, #mobile-search button[type="submit"].btn svg {
    padding: 0;
    fill: var(--mb-color-secondary-text);
    margin: auto;
    width: 18px;
    height: 18px;
    position: relative;
    top: auto;
    left: auto;
}

header .search-line .picker.pattern .results, #mobile-search .picker.pattern .results {
    margin-top: 8px;
}

header .search-line .picker.pattern .clean, #mobile-search .picker.pattern .clean {
    margin-right: 30px;
}

header .search-line .picker.pattern.loading:after, #mobile-search .picker.pattern.loading:after {
    margin-right: 32px;
    width: 24px;
    height: 24px;
    margin-top: 2px;
    background-color: #f0f0f0;
}

@media screen and (max-width: 767px) {
    !header .search-line {
        position: absolute;
        top: 54px;
        height: 64px;
        border-top: 1px solid #e0e0e0;
        left: 0px;
        margin: 0;
        width: 100%;
        padding: 8px 16px;
    }

    !header .search-line {
        padding-top: 3px;
        border-top: none;
    }

    !header .search-line input[type="text"], #mobile-search input[type="text"] {
        height: 44px;
    }

    !header .search-line button[type="submit"].btn, #mobile-search button[type="submit"].btn {
        width: 36px;
        height: 36px;
    }
}

#mobile-search {
    z-index: 5;
    position: fixed;
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    width: 100%;
    padding: 2px 16px 8px 16px;
    background: #fff;
}

#mobile-search {
    padding-top: 3px;
    border-top: none;
}

#mobile-search input[type="text"] {
    height: 44px;
}

#mobile-search button[type="submit"].btn {
    width: 36px;
    height: 36px;
}

body#home .sld-wrap {
    margin: 0;
}

header .links {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 2px;
}

header .links > .btn {
    border-radius: 100px;
    height: 40px;
    flex-shrink: 0;
    padding: 0 16px;
    margin: 0 0 0 6px;
    line-height: 16px;
}

header .links > .btn.publish {
    gap: 5px;
}

header .links > .btn > svg + span {
    text-align: left;
}

header .links > .btn.btn-mini {
    width: 36px;
    height: 36px;
    position: relative;
    padding: 0;
    margin: 0 1px;
    border-radius: 100px;
    background: #fff;
    color: var(--mb-color2);
}

header .links > .btn.btn-mini > svg, header .links .btn.btn-mini > i {
    width: 24px;
    height: 24px;
    fill: var(--mb-color3);
    color: var(--mb-color3);
    font-size: 18px;
    text-align: center;
    line-height: 24px;
}

header .links > .btn.btn-mini:hover, header .links .btn.btn-white:hover {
    box-shadow: none;
    background: #f0f0f0;
}

header .links > .btn.btn-mini .counter {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 7px;
    width: auto;
    min-width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 12px;
    padding: 2px 3px;
    text-align: center;
    color: var(--mb-color-secondary-text);
    background: var(--mb-color-secondary);
}

header .links > .btn.btn-mini .counter.spec {
    font-size: 9px;
}

header .links > .btn.btn-mini.svi-show-saved[data-saved-count="0"] .counter {
    display: none;
}

header .links > .btn.btn-mini.svi-show-saved .svi-count {
    margin: 0;
    vertical-align: 0;
    display: block;
    height: 16px;
    line-height: 12px;
    font-size: 11px;
    min-width: 16px;
    border-radius: 7px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
}

header .menu.btn-white {
    padding: 0;
}

header .menu-action {
    display: flex;
    gap: 8px;
    padding: 0 10px 0 1px;
    align-items: center;
}

header .menu-action img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 100px;
}

header .menu-action svg {
    width: 24px;
    height: 24px;
}

header .menu-list {
    display: none;
    cursor: auto;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: var(--mb-color2);
    z-index: 7;
    position: absolute;
    top: 50px;
    width: 320px;
    right: 0;
    border-radius: 16px;
    padding: 16px;
    border: 2px solid #fff;
    box-shadow: 0 1px 12px rgba(0,0,0,0.2);
    background: #f6f6f6;
    flex-direction: column;
    gap: 12px;
}

header .menu-list .mbox {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: var(--mb-shadow);
    flex-direction: column;
    border-radius: 16px;
    background: #fff;
    padding: 0px;
}

header .menu-list .mbox > a, header .menu-list .mbox .user-menu a {
    width: 100%;
    padding: 14px 16px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-align: left;
    align-items: center;
    display: flex;
    gap: 12px;
    color: var(--mb-color3);
}

header .menu-list .mbox > a.page-hidden {
    display: none;
}

header .menu-list .mbox > a:hover, header .menu-list .mbox .user-menu a:hover {
    background: #f0f0f0;
    text-decoration: none;
}

header .menu-list .mbox > a i, header .menu-list .mbox > a svg:not(.icon) {
    width: 24px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #5c5c5c;
    fill: currentColor;
    font-size: 18px;
    padding: 1px 2px;
}

header .menu-list .mbox > a svg:not(.icon) {
    padding: 0;
    height: 24px;
    margin-top: -2px;
    margin-bottom: -2px;
}

header .menu-list .mbox > a svg.icon {
    position: absolute;
    right: 12px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    color: #8c8c8c;
}

header .menu-list .mbox .user-menu a i {
    width: 24px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #5c5c5c;
    text-align: center;
}

header .menu-list .mbox .user-menu li {
    display: inline-box;
    list-style-type: none;
    width: 100%;
}

header .menu-list .mbox-btn {
    height: 44px;
    width: 100%;
    border-radius: 8px;
    flex-shrink: 0;
}

header .menu-list .mbox-btn > svg {
    fill: #fff;
}

header .menu-list a.show-static-pages {
    font-weight: 600;
    font-size: 13px;
    padding: 0 20px;
    color: var(--mb-color6);
    margin: -2px 0 0 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

header .menu-list a.show-static-pages i {
    color: var(--mb-color6);
}

header .menu-list a.show-static-pages:hover, header .menu-list a.show-static-pages:hover i {
    color: var(--mb-color1);
    text-decoration: none;
}

header .menu-list .row-btns {
    display: flex;
    gap: 8px
}

header .menu-list .row-btns .btn {
    height: 36px;
    border-radius: 8px;
    width: 50%;
    font-weight: 600;
}

header .menu-list .menu-list-top {
    display: none;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    margin: -3px 0 0 0;
    gap: 8px;
}

header .menu-list .menu-list-top:has(.menu-mode-top) {
    display: flex;
}

header .menu-list .menu-list-close {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: -4px 2px;
    background: transparent;
    border: none;
    padding: 0;
    text-decoration: none;
    flex-shrink: 0;
    color: var(--mb-color2);
}

header .menu-list .menu-list-close svg {
    width: 28px;
    height: 28px;
    fill: var(--mb-color2);
}

header .menu-list .menu-list-close:hover {
    text-decoration: none;
    opacity: 0.7;
}

header .menu-list .menu-list-top .menu-mode-top {
    position: static;
    margin-inline-start:auto;z-index: 3;
}

header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    height: 28px;
    padding: 0 12px;
    font-size: 13px;
    border-radius: 100px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    color: var(--mb-color5);
    text-decoration: none;
    white-space: nowrap;
}

header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode span {
    display: inline;
}

header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
}

header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode:hover {
    color: var(--mb-color1);
    text-decoration: none;
    background: #f0f0f0;
}

header .menu-list .mbox.b1a {
    padding: 16px;
}

header .menu-list .mbox.b1a h4 {
    font-size: 18px;
    margin: 0px 0 8px 0;
    letter-spacing: -0.3px;
}

header .menu-list .mbox.b1a p {
    color: #888;
    margin: 0 0 16px 0;
    font-size: 13px;
}

header .menu-list .mbox.b1b {
    background: transparent;
    display: flex;
    box-shadow: none;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

header .menu-list .mbox.b1b a {
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
}

header .menu-list .mbox.b1b a:hover {
    background: transparent;
}

header .menu-list .mbox.b1b a .img {
    position: relative;
    width: 86px;
    height: 86px;
}

header .menu-list .mbox.b1b a .img img {
    width: 86px;
    height: 86px;
    object-fit: cover;
    border-radius: 100px;
}

header .menu-list .mbox.b1b a .img .edit {
    position: absolute;
    border-radius: 100px;
    right: 1px;
    bottom: 1px;
    border: 2px solid #fff;
    background: var(--mb-color3);
    color: #fff;
    font-size: 11px;
    width: 28px;
    height: 28px;
    line-height: 24px;
    text-align: center;
}

header .menu-list .mbox.b1b a strong {
    font-size: 17px;
    color: var(--mb-color1);
    font-weight: 600;
}

header .menu-list .mbox.b1b .infos {
    display: flex;
    gap: 12px;
    font-size: 14px;
    color: var(--mb-color9);
    align-items: center;
    justify-content: center;
    width: 100%;
}

header .menu-list .mbox.b1b .infos b {
    color: var(--mb-color6);
}

#menu-cover, .menu-cover {
    display: block;
    position: fixed;
    z-index: 8;
    left: 0;
    right: 0;
    min-height: 100svh;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

#menu-cover .close {
    display: none;
}

.menu-cover {
    z-index: 105;
}

@media screen and (max-width: 767px) {
    header .links > .btn.publish, header .links > .btn.items, header .links > .btn.login {
        display:none;
    }

    header .menu-action svg {
        display: none;
    }

    header .menu-action {
        padding: 0px;
        width: 36px;
        height: 36px;
    }

    header .links {
        margin-left: auto;
    }

    header .links > .btn.btn-mini, header .menu.btn-white {
        flex-shrink: 0;
    }

    header .links > .btn {
        width: 40px;
    }

    header .menu.btn-white.menu {
        padding: 0px;
        background: transparent;
        border: none;
    }

    header .links > .btn.btn-mini {
        width: 38px;
        height: 40px;
    }

    header .links > .btn.btn-mini:hover {
        background: #fff;
    }

    !header .links > .btn {
        margin: 0;
    }

    header .links > .btn.btn-mini > svg, header .links .btn.btn-mini > i {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 20px;
    }

    !.links .btn-mini ~ .btn-mini ~ .btn-mini ~ .btn-mini {
        display: none;
    }

    header .menu-list {
        position: fixed;
        top: 0;
        z-index: 115;
        width: min(300px, 90%);
        min-height: 100svh;
        bottom: 0;
        left: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    header .menu-list .menu-list-top {
        display: flex;
    }

    header .menu-list .menu-list-close {
        display: flex;
    }
}

@media screen and (max-width: 390px) {
    .links .btn-mini ~ .btn-mini ~ .btn-mini ~ .btn-mini {
        display:none;
    }
}

body {
    background: #f6f6f6;
    background: linear-gradient(to bottom, #fff 0, #fff 100px, #f6f6f6 400px, #f6f6f6 100%);
    min-width: 320px;
}

body.white-bg {
    background: #fff;
}

body.pre-account {
   background: #f6f6f6;
    background: linear-gradient(to bottom, #fff 0, #fff 100px, #f6f6f6 400px, #f6f6f6 100%);
    
}

#header-search, #menu-cover, .menu-cover, #side-menu {
    display: none;
}

#breadcrumbs {
    display: none;
}

body#search #breadcrumbs {
    display: block;
}

@media screen and (max-width: 767px) {
    body > .content > .container#breadcrumbs {
        padding:0 16px;
    }
}

header .citem {
    transform: translateY(0);
    box-shadow: 0 -1px 0 0 #e4e4e4;
    transition: transform .2s ease;
    will-change: transform;
    z-index: 1;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(8px);
    height: 54px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    gap: 8px;
    align-items: center;
}

header .citem.hidden {
    transform: translateY(-100%);
}

header .citem > img {
    width: 52px;
    height: 100%;
    aspect-ratio: 5/4;
    object-fit: cover;
    border-radius: 8px;
}

header .citem > .data {
    display: flex;
    width: calc(100% - 52px - 8px);
    line-height: 1.1;
    gap: 2px;
    flex-direction: column;
    font-size: 13px;
    color: var(--mb-color5);
    font-weight: 500;
}

header .citem > .data > strong {
    font-size: 14px;
    color: var(--mb-color1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .citem .info {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 6px;
    flex-shrink: 0;
}

header .citem .info > span:after {
    content: "\2022";
    margin-left: 6px;
}

header .citem .info > span:last-child:after {
    display: none;
}

@media screen and (min-width: 768px) {
    header .citem {
        display:none!important;
    }
}

/* HOME PAGE */
body > div.content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin: 0 auto;
    padding: 24px 0;
}

body#home .content {
    padding: 0 16px;
}

body#home .content section {
    position: relative;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

body#home .content section h2 {
    font-size: 26px;
    font-weight: 600;
}

body#home .content section .container {
    padding: 0;
}

body#home .content section > .container > .block {
    flex: 0 0 100%;
    width: 100%;
}

.home-premium .simple-prod .data .category, .home-premium .simple-prod .data .location, .home-premium .simple-prod .data .props, .home-premium .simple-prod .label {
    display: none;
}

.home-premium .simple-prod .simple-wrap {
    margin: 0;
}

.home-links h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 8px 0;
}

.home-links .list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px 0;
}

.home-links .wrap:last-child .list {
    margin-bottom: 0;
}

.home-links .list a {
    flex: 0 0 calc(25% - 10px);
    margin: 0 4px 0 0;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-links .list a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0da';
    font-weight: 900;
    color: var(--mb-color-primary);
    margin: 2px 4px 0 0;
    float: left;
    font-size: 12px;
}

.home-links .list a:hover {
    text-decoration: none;
    color: var(--mb-color6);
}

.home-info {
    font-size: 15px;
}

.home-info .wrap {
    line-height: 1.4;
    padding: 0 16px;
}

.home-info .wrap ul {
    list-style: square;
    padding: 6px 24px;
}

.home-info .wrap ul {
    list-style: decimal;
    padding: 6px 24px;
}

.home-info .wrap blockquote {
    margin: 12px 0px;
    width: 100%;
    background: #f0f0f0;
    padding: 12px;
}

.home-info h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin: 24px 0 8px 0;
}

.home-cats .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--mb-color12);
}

.home-cats .list a {
    margin: 0;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 18px 4px 12px 4px;
}

.home-cats .list a:hover {
    text-decoration: none;
    background: #f6f6f6;
}

.home-cats .list a .img-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.home-cats .list a img, .home-cats .list a svg {
    opacity: 1;
    max-width: 72px;
    width: auto;
    height: 54px;
    max-height: 54px;
    object-fit: contain;
    transition: 0.2s;
}

.home-cats .list a:hover img, .home-cats .list a:hover svg {
    transform: scale(1.15);
}

.home-cats .list a .lab {
    position: absolute;
    left: 50%;
    margin-left: 24px;
    top: -6px;
    padding: 2px 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: var(--mb-color-primary);
    border-radius: 100px 100px 100px 0;
}

.home-cats .list a .lab.hot {
    color: var(--mb-color-secondary-text);
    background: var(--mb-color-secondary);
}

.home-cats .list a i {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
}

.home-cats h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin: 3px 0 0 0;
    padding: 0 2px;
    display: flex;
    height: 32px;
    text-align: center;
    overflow: hidden;
}

.home-cats h3 span {
    margin: auto;
    display: block;
}

.home-reg .logo {
    margin: 0 0 8px 0;
}

.home-reg .logo img {
    height: 36px;
}

.home-reg .text {
    font-size: 15px;
    line-height: 1.5;
}

.home-reg .wrap {
    display: flex;
}

.home-reg .wrap .left {
    width: calc(100% - 240px);
    padding: 0 36px 0 0;
}

.home-reg .wrap .right {
    min-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-reg .wrap .right .btn {
    height: 50px;
    border-radius: 100px;
    width: 100%;
}

.home-reg .wrap .right a.login {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.home-reg .wrap .right a.login:hover {
    text-decoration: none;
}

body#home .content section.home-pub {
    background: var(--mb-color-primary);
    color: #fff;
    background: radial-gradient(circle at 15% 10%, rgba(255,255,255,.18) 0%, transparent 45%), radial-gradient(circle at 85% 90%, rgba(0,0,0,.18) 0%, transparent 55%), radial-gradient(circle at 50% 0%, rgba(255,255,255,.10) 0%, transparent 60%), linear-gradient( 180deg, rgba(255,255,255,.05) 0%, rgba(0,0,0,.06) 100% ), var(--mb-color-primary);
}

.home-pub .wrap {
    display: flex;
}

body#home .content section.home-pub .wrap h2 {
    margin: 0 0 2px 0;
    font-weight: 700;
    color: #fff;
}

.home-pub .wrap .left {
    width: 50%;
    padding: 12px 42px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.home-pub .wrap .left .text {
    margin: 0 0 12px 0;
    line-height: 1.5;
    font-size: 15px;
}

.home-pub .wrap .right {
    position: absolute;
    box-shadow: -2px 0 4px rgba(0,0,0,0.3);
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    border-radius: 16px;
    background: #e0e0e0 url('../images/home-publish-cover.webp') no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    body > .content {
        padding:24px 6px;
    }

    body#home .content {
        padding: 60px 6px;
    }

    .home-links .list a {
        flex: 0 0 calc(50% - 10px);
    }

    .home-cats .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-reg .wrap {
        flex-direction: column;
    }

    .home-reg .wrap .left {
        width: 100%;
        padding: 0;
        gap: 12px;
    }

    .home-reg .wrap .right {
        min-width: unset;
        width: 100%;
        margin: 24px 0 0 0;
    }

    .home-reg .wrap .right a.login {
        display: none;
    }

    body#home .content section.home-pub {
        padding: 0;
        overflow: hidden;
    }

    body#home .content section.home-pub .wrap h2 {
        font-size: 22px;
        margin: 0;
    }

    .home-pub .wrap .left {
        width: 100%;
        padding: 24px 16px;
        gap: 6px;
    }

    .home-pub .wrap .right {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-height: 220px;
        aspect-ratio: 16/10;
    }

    .home-pub .wrap {
        flex-direction: column-reverse;
    }

    .home-pub .wrap select, .home-pub .wrap .btn {
        height: 42px;
    }

    .home-pub .wrap .btn {
        margin-top: 4px;
    }
}

.home-blog .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.home-blog a {
    text-decoration: none;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    line-height: 1.5;
}

.home-blog a:hover {
    text-decoration: none;
}

.home-blog a.box1 {
    grid-column: 1 / -1;
    gap: 24px;
}

.home-blog a > .img-wrap {
    border-radius: 12px;
    width: 180px;
    height: 120px;
    position: relative;
    overflow: hidden;
}

.home-blog a > .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: 0.2s;
    background: #e0e0e0;
}

.home-blog a:hover > .img-wrap img {
    transform: scale(1.04);
}

.home-blog a > .data {
    width: calc(100% - 160px - 16px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 2px 0;
}

.home-blog a.box1 > .img-wrap {
    width: calc(50% - 24px);
    height: auto;
    height: 220px;
    border-radius: 16px;
}

.home-blog a.box1 > .data {
    width: 50%;
}

.home-blog a .date {
    color: var(--mb-color9);
    font-size: 12px;
}

.home-blog a .desc {
    color: var(--mb-color4);
    margin: 0;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.home-blog a h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: var(--mb-color1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.home-blog a.box1 h3 {
    font-size: 22px;
}

.home-blog a:hover h3 {
    text-decoration: underline;
}

.home-blog a.box1 .desc {
    font-size: 15px;
    -webkit-line-clamp: 5;
}

@media screen and (max-width: 767px) {
    .home-blog .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .home-blog a.box1 {
        flex-direction: column;
        gap: 8px;
    }

    .home-blog a.box1 > .img-wrap {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 180px;
    }

    .home-blog a.box1 > .img-wrap img {
        height: auto;
        aspect-ratio: 16/9;
    }

    .home-blog a.box1 > .data {
        width: 100%;
    }

    .home-blog a > .img-wrap {
        width: 45%;
        max-width: 180px;
    }

    .home-blog a {
    }

    .home-blog a > .data {
        width: 55%;
        flex-grow: 1;
    }

    .home-blog a .desc {
        -webkit-line-clamp: 2;
    }
}

/* BUSINESS PROFILE HOME */
body#home .content section.home-business {
    overflow: visible;
    padding-left: 24px;
    padding-right: 24px;
}

.home-business h2 {
    margin: 0 0 16px 0;
    font-size: 22px;
}

.home-business-intro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 28px 0;
    padding: 22px 24px;
    min-height: 92px;
    background: #f5f7fb;
    border-radius: 16px;
    overflow: visible;
}

.home-business-intro .txt {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 2;
    padding-right: 140px;
}

.home-business-intro .txt p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--mb-color2);
}

.home-business-intro .txt strong {
    display: inline;
    font-weight: 700;
    color: var(--mb-color1);
}

.home-business-intro .txt a {
    color: var(--mb-color-primary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.home-business-intro .txt a:hover {
    text-decoration: none;
}

.home-business-intro .art {
    position: absolute;
    right: 18px;
    bottom: -18px;
    width: 150px;
    height: 96px;
    pointer-events: none;
    z-index: 3;
}

.home-business-intro .art-blob {
    position: absolute;
    right: 8px;
    bottom: 18px;
    width: 110px;
    height: 70px;
    border-radius: 40% 60% 55% 45%;
    background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--mb-color-primary) 18%, #fff), transparent 70%);
    opacity: 0.9;
}

.home-business-intro .art-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--mb-color12);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.8) inset;
    color: var(--mb-color1);
}

.home-business-intro .art-card .art-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--mb-color-primary-lighter);
    color: var(--mb-color-primary);
    flex-shrink: 0;
}

.home-business-intro .art-card .art-ico svg {
    display: block;
    fill: currentColor;
}

.home-business-intro .art-card .art-lab {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.home-business-intro .art-card-main {
    right: 28px;
    bottom: 8px;
    transform: rotate(-4deg);
}

.home-business-intro .art-card-ok {
    right: 0;
    bottom: 42px;
    padding: 8px 10px;
    transform: rotate(6deg);
    z-index: 2;
}

.home-business-intro .art-card-ok .art-ico {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mb-color-primary) 12%, #fff);
    color: var(--mb-color-primary);
}

.home-business-intro .art-card-star {
    right: 86px;
    bottom: 52px;
    padding: 8px;
    border-radius: 12px;
    transform: rotate(-10deg);
    z-index: 1;
}

.home-business-intro .art-card-star .art-ico {
    width: 28px;
    height: 28px;
    background: #fff7e0;
    color: #f5b301;
    border-radius: 8px;
}

.home-business .nice-scroll-wrap {
    margin: 0;
}

.home-business .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
    width: 100%;
    padding: 1px 0;
}

.home-business .comp {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: -1px;
    padding: 16px;
    min-height: 120px;
    background: #fff;
    border: 1px solid var(--mb-color12);
    border-radius: 0;
    position: relative;
    min-width: 0;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.home-business .comp:hover {
    border-color: var(--mb-color11);
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.home-business .comp:nth-child(1), .home-business .comp:nth-child(2) {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.home-business .comp:nth-last-child(1), .home-business .comp:nth-last-child(2) {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.home-business .comp .logo {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 6px;
    display: block;
    text-decoration: none;
    box-shadow: none;
}

.home-business .comp .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
    box-shadow: none;
}

.home-business .comp .body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-right: 72px;
    position: relative;
}

.home-business .comp .head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.home-business .comp .head h3 {
    flex: 1;
    min-width: 0;
}

.home-business .comp h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.home-business .comp h3 a {
    color: var(--mb-color1);
    text-decoration: none;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.home-business .comp h3 a:hover {
    text-decoration: underline;
}

.home-business .comp .verified {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: var(--mb-color-primary);
    flex-shrink: 0;
}

.home-business .comp .verified svg {
    flex-shrink: 0;
    fill: var(--mb-color-primary);
    width: 20px;
    height: 20px;
}

.home-business .comp .rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 0 0 0.5px rgba(0,0,0,0.05);
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.home-business .comp .rating svg {
    fill: #f5b301;
    width: 18px;
    height: 18px;
    margin-top: -1px;
}

.home-business .comp .cats {
    font-size: 12px;
    color: var(--mb-color3);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.home-business .comp .loc {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 13.5px;
    color: var(--mb-color7);
    line-height: 1.2;
    padding-right: 16px;
}

.home-business .comp .loc span {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-business .comp .loc svg {
    flex-shrink: 0;
    margin-top: 1px;
    fill: var(--mb-color7);
    width: 17px;
    height: 17px;
}

.home-business .comp .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 12px;
    font-size: 12px;
    color: var(--mb-color6);
    overflow: hidden;
}

.home-business .comp .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    max-width: 100%;
}

.home-business .comp .meta-item svg {
    flex-shrink: 0;
    fill: var(--mb-color7);
    width: 14px;
    height: 14px;
}

.home-business .comp .meta-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-business .comp .go {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--mb-color12);
    background: #fff;
    box-shadow: 0 0 3px 3px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mb-color-primary);
    text-decoration: none;
    transition: 0.2s;
    z-index: 1;
}

.home-business .comp .go:hover {
    background: var(--mb-color-primary-lighter);
    border-color: var(--mb-color-primary);
    text-decoration: none;
}

.home-business .comp .go svg {
    fill: currentColor;
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 767px) {
    body#home .content section.home-business {
        padding-left:24px;
        padding-right: 24px;
    }

    .home-business-intro {
        padding: 16px 16px 40px 16px;
        margin-bottom: 28px;
        gap: 0;
    }

    .home-business-intro .txt {
        padding-right: 0;
    }

    .home-business-intro .txt p {
        font-size: 14px;
    }

    .home-business-intro .art {
        left: 12px;
        right: 12px;
        bottom: -16px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
        gap: 8px;
        transform: none;
    }

    .home-business-intro .art-blob {
        display: none;
    }

    .home-business-intro .art-card {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        flex-shrink: 0;
    }

    .home-business-intro .art-card-star {
        order: 1;
        transform: rotate(-8deg);
        margin-bottom: 6px;
        z-index: 1;
    }

    .home-business-intro .art-card-ok {
        order: 2;
        transform: rotate(4deg);
        margin-bottom: 0;
        z-index: 2;
        padding: 8px 10px;
    }

    .home-business-intro .art-card-main {
        order: 3;
        transform: rotate(-3deg);
        margin-bottom: 2px;
        z-index: 3;
        padding: 8px 10px;
        gap: 6px;
    }

    .home-business-intro .art-card-main .art-ico {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .home-business-intro .art-card-main .art-ico svg {
        width: 20px;
        height: 20px;
    }

    .home-business-intro .art-card .art-lab {
        font-size: 11px;
    }

    .home-business .list.nice-scroll {
        grid-template-columns: none;
        grid-template-rows: repeat(2, auto);
        grid-auto-flow: column;
        grid-auto-columns: minmax(300px, 88vw);
        overflow-x: auto;
        gap: 12px 0;
        padding-right: 1px;
    }

    .home-business .comp {
        margin-top: 0;
        margin-right: -1px;
        flex-direction: column;
        gap: 12px;
    }

    .home-business .comp:nth-child(1), .home-business .comp:nth-child(2) {
        border-radius: 0;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .home-business .comp:nth-last-child(1), .home-business .comp:nth-last-child(2) {
        border-radius: 0;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .home-business .comp .body {
        width: 100%;
        position: static;
        padding: 0;
    }

    .home-business .comp h3 a {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .home-business .comp .cats {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .home-business .comp .loc {
        padding: 0;
    }

    .home-business .comp .logo {
        width: 48px;
        height: 48px;
        flex: unset;
    }

    .home-business .comp .rating {
        top: 16px;
        right: 16px;
    }

    .home-business .comp .body > *:last-child {
        padding-right: 36px;
    }
}

/* HOME PAGE SEARCH */
body#home {
    background: #f6f6f6;
    background: linear-gradient(to bottom, #fff 0, #fff 100px, #f6f6f6 400px, #f6f6f6 100%);
}

body#home header {
    Xbackground: #fff;
    Xborder: none;
    box-shadow: none;
}

body#home .content section#home-search {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 24px;
    margin-bottom: 16px;
    text-align: center;
}

#home-search #main-search {
    width: 100%;
    z-index: 4;
}

#home-search h1 {
    font-size: 30px;
    margin: 36px 0;
}

#home-search .search-box {
    position: relative;
    z-index: 5;
    text-align: left;
    align-items: stretch;
    display: flex;
    gap: 3px;
    height: 76px;
    width: 100%;
    background: #fff;
    border-radius: 100px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.02), 0px 8px 24px 0px rgba(0, 0, 0, 0.10);
}

#home-search .search-box .col {
    cursor: pointer;
    padding: 12px 32px;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

#home-search .search-box .col-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    position: relative;
    gap: 4px;
}

#home-search .search-box .col:hover {
    background: #f0f0f0;
}

#home-search .search-box .col label {
    font-size: 13.5px;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
}

#home-search .search-box .col1 {
    width: calc(38% - 3px);
}

#home-search .search-box .col2 {
    width: calc(30% - 3px);
}

#home-search .search-box .col3 {
    width: 32%;
    padding-right: 70px;
}

#home-search .search-box .col3 .btn {
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 100px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 6px;
}

#home-search .search-box .col3 .btn svg {
    width: 26px;
    height: 26px;
}

#home-search .search-box input[type="text"], #home-search .search-box select, #main-search .simple-select .text {
    font-size: 15px;
    width: 100%;
    padding: 0;
    outline: none;
    height: 20px;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    background: transparent;
    color: var(--mb-color4);
}

#home-search .search-box input[type="text"]::placeholder {
    font-style: normal;
}

#home-search .search-box .input-box {
    margin: 0;
    padding-right: 28px;
}

#home-search .search-box .input-box .icon {
    display: none;
}

#home-search .simple-select .text .caret {
    right: 0;
    padding: 1px;
}

#home-search .picker.location .results, #home-search .picker.pattern .results, #home-search .picker.category .results, #home-search .simple-select .list {
    left: -32px;
    width: calc(100% + 128px);
    border-radius: 16px;
    margin-top: 24px;
    cursor: default;
}

#home-search .simple-cat .list {
    left: -128px;
    width: calc(100% + 256px);
}

#home-search .picker.location .results {
    left: auto;
    right: -68px;
    width: calc(100% + 164px);
}

#home-search .simple-select .option.info, #home-search .simple-select .option.nonclickable {
    display: none;
}

#home-search .picker.v2.loading:after {
    background-color: transparent;
    margin-right: -6px;
}

#home-search .picker .clean {
    margin-right: -6px;
}

.home-top-cats {
    width: 100%;
}

@media screen and (min-width: 768px) {
    #home-search .search-box .col-inner:after {
        content:"";
        position: absolute;
        right: -33px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #ddd;
    }

    #home-search .search-box .col:hover .col-inner:after, #home-search .search-box .col:has(+.col:hover) .col-inner:after, #home-search .search-box .col3 .col-inner:after {
        display: none;
    }
}

/* #home-cat {display:flex;scrollbar-width:thin;width:100%;margin:40px 0 30px 0;gap:1px;flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;text-align:left;} */
/* #home-cat a {display:flex;position:relative;gap:8px;margin: 6px 0;padding:10px 16px;border-radius:12px;text-decoration:none;align-items: center; flex-direction: row; justify-content: flex-start;width:20%;} */
/* #home-cat a:hover {text-decoration:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);} */
/* #home-cat a .img-wrap {position:relative;} */
/* #home-cat a img, .home-top-cats a svg, .home-top-cats a i {min-width:40px;width:40px;height:40px;object-fit:contain;} */
/* #home-cat a h3 {font-family:var(--mb-font-family), Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;margin:0;color:var(--mb-color1);} */
/* #home-cat a .lab {position:absolute;left:30px;top:-8px;padding:2px 6px;box-shadow:0 1px 2px rgba(0,0,0,0.25);font-size:11px;font-weight:bold;color:#fff;background:var(--mb-color-primary);border-radius:100px 100px 100px 0;} */
/* #home-cat a .lab.hot {color:var(--mb-color1);background:var(--mb-color-secondary);} */
body#home .content section#home-cats2 {
    padding: 12px 16px;
}

#home-cat {
    overflow-x: auto;
    display: flex;
    scrollbar-width: none;
    width: 100%;
    margin: 0;
    gap: 0px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    text-align: left;
}

#home-cat a {
    display: flex;
    min-width: 96px;
    flex: 1;
    position: relative;
    gap: 4px;
    margin: 8px 2px 4px 2px;
    padding: 10px 2px;
    border-radius: 12px;
    text-decoration: none;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    width: 20%;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-color: rgb(226, 226, 226);
   
}

#home-cat a:first-child {
    margin-left: 8px;
}

#home-cat a:hover {
    text-decoration: none;
    background: rgba(18, 18, 18, 0.04);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#home-cat a .img-wrap {
    position: relative;
}

#home-cat a img, .home-top-cats a svg, .home-top-cats a i {
    min-width: 40px;
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 8px;
}

#home-cat a h3 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-size: 16px;
    justify-content: center;
    font-weight: 500;
    margin: 0;
    color: var(--mb-color1);
    text-align: center;
    line-height: 15px;
    height: 30px;
    display: flex;
    overflow: hidden;
}

#home-cat a h3 > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#home-cat a .lab {
    position: absolute;
    left: 50%;
    top: -4px;
    padding: 2px 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: var(--mb-color-primary);
    border-radius: 100px 100px 100px 0;
}

#home-cat a .lab.hot {
    color: var(--mb-color-secondary-text);
    background: var(--mb-color-secondary);
}

@media screen and (max-width: 767px) {
    body#home .content section#home-cats2 {
        padding:8px 8px 2px 8px;
    }

    #home-cat a {
        margin: 6px 0 0px 0;
        min-width: 80px;
    }

    #home-cat a:first-child {
        margin-left: 0;
    }

    #home-cat a:last-child {
        margin-right: 28px;
    }

    #home-cat a h3 {
        font-size: 13.5px;
    }
}

/* HOME PATTERNS */
#home-patterns {
    overflow-x: auto;
    display: flex;
    scrollbar-width: none;
    width: 100%;
    margin: 16px 0 -8px 0;
    gap: 8px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    text-align: left;
}

#home-patterns > a {
    display: flex;
    background: #fff;
    gap: 4px;
    height: 32px;
    padding: 2px 10px 2px 8px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 210px;
    flex-shrink: 0;
}

#home-patterns > a:hover {
    background: rgba(255,255,255,0.5);
    text-decoration: none;
}

#home-patterns > a > svg {
    width: auto;
    min-width: 18px;
    height: 18px;
    fill: var(--mb-color9);
}

#home-patterns > a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#home-patterns > a.location-saved-link > svg {
    fill: var(--mb-color-secondary);
}

.home-patterns2 {
    padding: 0 14px;
}

.home-patterns2 .nice-scroll-prev, .home-patterns2 .nice-scroll-next {
    margin-top: 8px;
}

.home-patterns2 .nice-scroll-prev {
    margin-left: -8px;
}

.home-patterns2 .nice-scroll-next {
    margin-right: -8px;
}

.home-patterns2 .nice-scroll-prev .icon, .home-patterns2 .nice-scroll-next .icon {
    background: #fff;
}

/* COOKIE ENTRY REMOVE */
.cookie-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    line-height: 0;
    opacity: 0.55;
    transition: 0.15s;
    z-index: 2;
}

.cookie-remove:hover, .cookie-remove:focus {
    opacity: 1;
    background: rgba(0,0,0,0.08);
    outline: none;
}

.cookie-remove svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: var(--mb-color5);
    pointer-events: none;
}

.cookie-remove.loading {
    opacity: 0.35;
    pointer-events: none;
}

#home-patterns > a.has-cookie-remove {
    padding-right: 6px;
    max-width: 240px;
}

#home-patterns > a .cookie-remove {
    margin-left: 2px;
}

.picker .option .cookie-remove, .option.standalone .cookie-remove, .simple-select .option .cookie-remove {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
}

.picker.v2 .option .cookie-remove {
    right: 12px;
}

.picker .option:has(> .cookie-remove), .option.standalone:has(> .cookie-remove) {
    position: relative;
    padding-right: 34px;
}

#defloc .row.current .current-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

#defloc .row.current .cookie-remove {
    position: static;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}

#defloc .row.current .cookie-remove svg {
    width: 16px;
    height: 16px;
}

#defloc .row.recent a.has-cookie-remove {
    padding-right: 36px;
}

#defloc .row.recent a .cookie-remove {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -9px;
}

@media screen and (max-width: 767px) {
    #home-search h1 {
        display:none;
    }

    body#home .content section#home-cats2 {
        order: -5;
    }

    body#home .content section#home-search {
        padding: 0;
        margin: 0;
    }

    #home-search #main-search {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    #home-search #main-search > .box {
        order: 6;
    }

    #home-patterns {
        margin: 0;
    }

    .home-patterns2 {
        padding: 0;
    }

    .home-patterns2 .nice-scroll-prev {
        margin-left: 0;
    }

    .home-patterns2 .nice-scroll-next {
        margin-right: 0;
    }

    .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev, .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
        right: 0;
    }

    #home-search .search-box {
        flex-direction: column;
        border-radius: 16px;
        height: auto;
        box-shadow: var(--mb-shadow);
        border: none;
        gap: 0;
    }

    #home-search .search-box .col {
        padding: 12px 16px;
        border-radius: 0;
        position: relative;
    }

    #home-search .search-box .col:before {
        color: var(--mb-color7);
        font-weight: 900;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 16px;
        top: 20px;
        width: 24px;
        text-align: center;
        height: 24px;
        line-height: 24px;
        font-size: 18px;
    }

    #home-search .search-box .col:hover:before {
        display: none;
    }

    !#home-search .search-box .col.col1:before {
        display: none;
    }

    #home-search .search-box .col1, #home-search .search-box .col2, #home-search .search-box .col3 {
        width: 100%;
    }

    #home-search .search-box .col1 {
        border-radius: 16px 16px 0 0;
        border-bottom: 1px solid #e0e0e0;
        z-index: 4;
    }

    #home-search .search-box .col2 {
        border-bottom: 1px solid #e0e0e0;
        z-index: 3;
    }

    #home-search .search-box .col3 {
        padding-bottom: 16px;
        z-index: 2;
        border-radius: 0 0 16px 16px;
    }

    #home-search .search-box .col:hover {
        box-shadow: 0 0 0 1.5px var(--mb-color-secondary);
        z-index: 4;
        background: #fff;
    }

    #home-search .search-box .col .picker .results {
        box-shadow: 0 1.5px 0 1.5px var(--mb-color-secondary);
        background: #f8f8f8;
    }

    #home-search .search-box .col .picker .results .row.minlength {
        display: none!important;
    }

    #home-search .search-box .col3 .btn {
        margin: 16px 0 0 0;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: 40px;
        border-radius: 100px;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        gap: 6px;
        align-items: center;
    }

    #home-search .search-box .col3 .btn svg {
        width: auto;
        height: 22px;
    }

    #home-search .picker.location .results, #home-search .picker.pattern .results, #home-search .picker.category .results, #home-search .simple-select .list {
        left: -16px;
        width: calc(100% + 32px);
        margin-top: 12px;
        border-top: 1px solid #e0e0e0;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
}

/* HOME ITEMS */
body#home .content section .block h2 {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 20px 0;
}

.home-link-all-wrap {
    display: flex;
    margin: 16px 0 0 0;
    width: 100%;
    justify-content: center;
    padding-top: 18px;
    border-top: 1px solid #ddd;
}

.home-link-all-wrap > a {
    font-size: 16px;
    font-weight: 600;
    color: var(--mb-color-primary);
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.home-link-all-wrap > a svg {
    width: auto;
    height: 20px;
    fill: var(--mb-color-primary);
    transition: 0.1s;
}

.home-link-all-wrap > a:hover svg {
    transform: scale(1.2);
}

/* ITEM GRID & LIST */
.products {
    margin: 0;
    width: 100%;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    grid-auto-columns: minmax(180px, 1fr);
}

.products.xsmall {
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    grid-auto-columns: 160px;
}

.products.small {
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    grid-auto-columns: 190px;
}

.products.normal {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-columns: 200px;
}

.products.large {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-columns: 220px;
}

.products.xlarge {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: 240px;
}

.products.xxlarge {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: 260px;
}

.products.nice-scroll, .products.nowrap {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    overflow-x: auto;
    scrollbar-width: thin;
}

.products.grid .isList {
    display: none;
}

.products.list .isGrid {
    display: none;
}

.simple-prod .simple-wrap {
    position: relative;
    height: 100%;
    margin: 0 0 8px 0;
}

.simple-prod.st-sold .simple-wrap {
    user-select: none;
}

.simple-prod.st-sold, .simple-prod.st-sold * {
    cursor: default;
}

.simple-prod.st-sold .img-wrap, .simple-prod.st-sold .data > *:not(.label.sold) {
    opacity: 0.4;
}

.simple-prod.st-sold .price {
    text-decoration: line-through;
}

.simple-prod .img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}

.simple-prod.megatall .img-wrap {
    padding-top: 200%;
}

.simple-prod.extratall .img-wrap {
    padding-top: 175%;
}

.simple-prod.verytall .img-wrap {
    padding-top: 150%;
}

.simple-prod.tall .img-wrap {
    padding-top: 125%;
}

.simple-prod.square .img-wrap {
    padding-top: 100%;
}

.simple-prod.normal .img-wrap {
    padding-top: 75%;
}

.simple-prod.wide .img-wrap {
    padding-top: 60%;
}

.simple-prod.verywide .img-wrap {
    padding-top: 50%;
}

.simple-prod .img-wrap .img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.simple-prod .img-wrap .img img {
    transition: 0.2s;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.simple-prod .img-wrap:hover .img img {
    transform: scale(1.04);
}

.simple-prod .img-wrap .favorite-block1 {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
}

.simple-prod .img-wrap .favorite-block1 a {
    transition: 0.2s;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    position: relative;
    background-color: #fff;
    margin: 0;
    padding: 0;
    color: var(--mb-color7);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.simple-prod .img-wrap .favorite-block1 a:hover {
    text-decoration: none;
}

.simple-prod .img-wrap .favorite-block1 a svg, .simple-prod .img-wrap .favorite-block1 a i, .svi-save-btn .svi-icon {
    width: 18px;
    height: 18px;
    font-size: 14px;
}

.simple-prod .img-wrap .favorite-block1 a.svi-save-btn .svi-btn-box {
    width: 30px;
    height: 30px;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.simple-prod .img-wrap .favorite-block1 a.fi_save_favorite > span {
    display: none;
}

.simple-prod .img-wrap .favorite-block1 a.fi_save_favorite > i {
    width: auto;
    height: auto;
    font-size: 17px;
    font-weight: 900;
    line-height: 18px;
}

.simple-prod .img-wrap .favorite-block1 .favorite .fav-count {
    font-style: normal;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 1px 2px;
    min-width: 13px;
    text-align: center;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    position: absolute;
    right: 2px;
    bottom: 5px;
}

.simple-prod .favorite a:not(.is_favorite):hover i, #item-main .favorite a:not(.is_favorite):hover i {
    color: #e80e0e;
    font-weight: 900;
}

.simple-prod .favorite a.is_favorite i, #item-main .favorite a.is_favorite i {
    color: #e80e0e;
    font-weight: 900;
}

.simple-prod .favorite a.is_favorite:hover i, #item-main .favorite a.is_favorite:hover i {
    color: #888;
    font-weight: 900;
}

.simple-prod .svi-save-btn .svi-message {
    left: auto;
    right: 0;
    transform: none;
}

.simple-prod .svi-save-btn .svi-message:before {
    left: auto;
    right: 10px;
}

.simple-prod .img-wrap .premium-label, #plabel {
    z-index: 2;
    position: absolute;
    left: 6px;
    top: 9px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    line-height: 16px;
    height: 24px;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    background: linear-gradient(to bottom, color-mix(in srgb, var(--mb-color-secondary) 85%, #fff) 0%, var(--mb-color-secondary) 55%, color-mix(in srgb, var(--mb-color-secondary) 85%, #000) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.simple-prod .img-wrap .premium-label svg, #plabel svg {
    width: auto;
    height: 16px;
}

.simple-prod .top-info {
    display: flex;
    gap: 6px;
}

.simple-prod .tool {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-radius: 0 0 12px 12px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 6px 10px;
    font-weight: 600;
    font-size: 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent);
}

.simple-prod .tool .cim {
    display: flex;
    align-items: center;
    gap: 2px;
}

.simple-prod .data {
    width: 100%;
    padding: 10px 4px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: flex-start;
}

.simple-prod .data a.title {
    font-size: 15px;
    font-weight: 600;
    color: var(--mb-color1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}

#premium-items .simple-prod .data, #search-premium-items .simple-prod .data {
    gap: 2px;
}

#premium-items .simple-prod .data a.title, #search-premium-items .simple-prod .data a.title {
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

}

.simple-prod .data .category {
    font-size: 15px;
    color: var(--mb-color6);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

!.simple-prod .data .category .comments {
    display: flex;
    gap: 1px;
    align-items: center;
    font-size: 13px;
}

!.simple-prod .data .category .comments svg {
    width: 18px;
    height: 18px;
    fill: var(--mb-color5);
    margin-bottom: -2px;
}

.simple-prod .data .price {
    color: #056d05;
    font-size: 16px;
    font-weight: 700;
}

.simple-prod .data .price.textual {
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -0.4px;
}

.simple-prod .data .location {
    color: var(--mb-color8);
    font-size: 13px;
    line-height: 16px;
    display: flex;
    gap: 3px;
    align-items: flex-start;
}

.simple-prod .data .location > svg {
    width: auto;
    height: 14px;
    fill: var(--mb-color8);
    margin-top: 1px;
}

#premium-items .simple-prod.osp-item-is-highlight .simple-wrap, #search-premium-items .simple-prod.osp-item-is-highlight .simple-wrap {
    background: #d4e5fd!important;
}

.simple-prod .user-image, .simple-prod .top-wrap, .simple-prod .description {
    display: none;
}

.simple-prod .label {
    display: inline-flex;
    align-items: center;
    margin: 3px 0;
    gap: 6px;
    height: 20px;
    padding: 0 7px 0 6px;
    background: #f58f5f;
    color: rgba(0,0,0,0.8);
    border-radius: 20px 6px 6px 20px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.simple-prod .label:before {
    content: '';
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: #fff;
    border-radius: 50%;
}

.simple-prod .label.reserved {
    background: #dfbdf3;
}

.simple-prod .props {
    display: flex;
    gap: 4px;
    margin: 4px 0 0 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.simple-prod .prop {
    padding: 3px 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 6px;
    background: #e6eaf1;
    color: rgba(0,0,0,0.85);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    height: 24px;
}

.simple-prod .prop svg {
    width: auto;
    height: 14px;
    fill: rgba(0,0,0,0.75);
}

#search-premium-items .simple-prod .data .category, #search-premium-items .simple-prod .data .location, #search-premium-items .simple-prod .data .props, #search-premium-items .simple-prod .label {
    display: none;
}

.simple-prod .user-info {
    display: flex;
    gap: 6px;
    position: relative;
    font-size: 13px;
    margin: auto 0 0 0;
    padding: 10px 0 0 0;
    align-items: center;
    line-height: 1.1;
}

.simple-prod .user-info:hover {
    text-decoration: none;
}

.simple-prod .user-info .user-img-wrap {
    width: 28px;
    height: 28px;
    position: relative;
}

.simple-prod .user-info .user-img-wrap img {
    transition: 0.1s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.simple-prod .user-info:hover .user-img-wrap img {
    transform: scale(1.1);
}

.simple-prod .user-info .user-img-wrap .online {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #0ed000;
}

.simple-prod .user-info strong {
    font-weight: 600;
    line-height: 16px;
}

.simple-prod .user-info .rating {
    text-decoration: none;
    margin: 0 3px;
    display: flex;
    gap: 3px;
    align-items: center;
}

.simple-prod .user-info .rating strong {
    font-weight: bold;
    font-size: 14px;
    color: var(--mb-color1);
    line-height: 16px;
}

.simple-prod .user-info .rating i {
    font-size: 16px;
    color: #ffba00;
    margin: -1px 0 0 0;
}

.simple-prod .user-info .rating span {
    font-size: 12px;
    color: var(--mb-color9);
    font-weight: normal;
    margin: 0 0 -1px 0;
}

@media screen and (max-width: 767px) {
    .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    body#home .content section {
        padding: 16px;
    }
}

@media screen and (max-width: 380px) {
    .products {
        gap:12px
    }

    .simple-prod .tool {
        letter-spacing: -0.3px;
        font-weight: 500;
    }
}

/* LIST VIEW */
.products.list, #search-items > .products.list {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 0px;
}

.products.list > .simple-prod {
    width: 100%;
    grid-column: 1/-1;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
}

.products.list > .simple-prod:first-child {
    padding-top: 0;
}

.products.list > .simple-prod:last-child {
    border-bottom: none;
}

.products.list > .simple-prod .simple-wrap {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
}

.products.list > .simple-prod .img-wrap {
    width: 220px;
    aspect-ratio: 5/4;
    padding: 0;
}

.products.list > .simple-prod .data {
    width: calc(100% - 220px);
    padding: 6px 2px;
    gap: 6px;
    position: relative;
}

.products.list > .simple-prod .business, #blabel {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
    color: var(--mb-color1);
    border-radius: 4px;
    background: #ff8f67;
    font-style: italic;
    text-transform: uppercase;
}

.products.list > .simple-prod .props {
    margin-top: 8px;
}

.products.list > .simple-prod .props:empty, .products.list > .simple-prod .props:not(:has(*)) {
    display: none;
}

.products.list > .simple-prod .data .price {
    font-size: 20px;
    font-weight: 700;
}

.products.list > .simple-prod .data .location {
    margin-top: 2px;
}

.products.list > .simple-prod .favorite-block1.isList {
    position: absolute;
    right: 12px;
    bottom: 2px;
}

.products.list > .simple-prod .favorite-block1.isList .svi-save-btn {
    margin: 0;
    border-radius: 100px;
    width: 36px;
    height: 36px;
}

.products.list > .simple-prod .favorite-block1.isList .svi-save-btn .svi-btn-box {
    width: 36px;
    height: 36px;
}

.products.list > .simple-prod .favorite-block1.isList .svi-save-btn:hover {
    background: #e4e4e4;
}

.products.list > .simple-prod .favorite-block1.isList .svi-save-btn .svi-icon {
    width: 20px;
    height: 20px;
}

.products.list > .simple-prod .img-wrap .favorite-block1 {
    display: none;
}

@media screen and (max-width: 767px) {
    !.products.list > .simple-prod .simple-wrap {
        gap:12px;
        align-items: flex-start;
    }

    .products.list > .simple-prod .simple-wrap {
        gap: 12px;
    }

    .products.list > .simple-prod .img-wrap {
        width: 130px;
        height: auto;
        aspect-ratio: 1/1;
    }

    .products.list > .simple-prod .data {
        width: auto;
        flex-grow: 1;
        padding: 2px;
        gap: 4px;
    }

    .products.list > .simple-prod .top-info {
        align-items: flex-start;
    }

    .products.list > .simple-prod .business {
        min-width: fit-content;
        max-width: 80px;
    }

    .products.list > .simple-prod .data .price {
        font-size: 17px;
    }

    .products.list > .simple-prod .user-info {
        padding: 0 0 0 34px;
        min-height: 32px;
        margin: 4px 0 0 0;
        max-width: calc(100% - 32px);
        flex-direction: column;
        gap: 1px;
        align-items: flex-start;
    }

    .simple-prod .user-info .user-img-wrap {
        position: absolute;
        left: 0;
        top: calc(50% - 14px);
    }

    .simple-prod .user-info .rating {
        margin: 0;
    }

    .products.list > .simple-prod .favorite-block1.isList {
        right: 0;
        bottom: -3px;
    }
}

@media screen and (max-width: 380px) {
    .products.list > .simple-prod .img-wrap {
        width:120px;
    }
}

/* SEARCH PAGE */
#search-menu {
    display: none;
}

#search-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    align-items: stretch;
    gap: 16px;
    position: relative;
}

#search-main .sbox {
    position: relative;
    gap: 16px;
    width: 100%;
    min-width: 0;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#search-main .sbox.ajax-load-failed {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #fef1f1;
}

#search-main .sbox.ajax-load-failed > p {
    width: auto;
    font-size: 15px;
    font-weight: 500;
}

#search-main .top-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

#search-main .top-bar .headers {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}

#search-main .top-bar h1 {
    font-size: 22px;
    margin: 0;
    line-height: 28px;
    padding-top: 1px;
}

#search-main .top-bar .hdesc {
    font-size: 14px;
    color: var(--mb-color8);
}

#search-main .breadcrumb {
    margin: 0;
}

#search-main #search-alert .btn {
    height: 32px;
    padding: 0 14px;
    border-radius: 100px;
    gap: 6px;
    font-size: 14px;
    width: max-content;
}

#search-main #search-alert .btn > span {
    text-align: left;
}

#search-main #search-alert .btn.active i {
    color: var(--mb-color-primary);
}

/* SEARCH CATEGORIES BAR */
#search-cat {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

#search-cat .nice-scroll-wrap {
    min-width: 0;
}

#search-cat .cat-list {
    display: flex;
    overflow-x: auto;
    padding: 0 0 2px 0;
    gap: 4px;
    scrollbar-width: thin;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

!#search-cat .cat-list {
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 16px;
}

#search-cat .cat-list > a {
    padding: 12px 3px 12px 3px;
    width: 96px;
    border-radius: 8px;
    min-width: 96px;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

#search-cat .cat-list > a .img-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#search-cat .cat-list > a img, #search-cat .cat-list > a svg {
    opacity: 1;
    max-width: 46px;
    width: auto;
    height: 40px;
    max-height: 40px;
    object-fit: contain;
    transition: 0.2s;
}

#search-cat .cat-list > a:hover {
    text-decoration: none;
    background: #f0f0f0;
}

#search-cat .cat-list > a:hover img, #search-cat .cat-list > a:hover svg {
    transform: scale(1.1);
}

#search-cat .cat-list > a i {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
}

#search-cat .cat-list > a .count {
    display: none;
}

#search-cat .cat-list > a .name {
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    display: flex;
    overflow: hidden;
    align-items: center;
}

#search-cat .cat-list > a .name > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* SEARCH PAGE - FILTERS IN LINE */
#filter-line {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
    margin: 6px 0 0 0;
}

#filter-line .filter-list {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 100%;
    padding: 4px 0 0 0;
}

#filter-line .filter-list > a, #filter-line .simple-select .text, #filter-line .filter-list > select {
    font-size: 13.5px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    min-width: 80px;
    background: #f2f2f2;
    align-items: center;
    height: 32px;
    margin: 0;
    border: none;
    color: var(--mb-color1, #1c1c1c);
    line-height: 18px;
    border-radius: 100px;
    padding: 6px 14px;
    position: relative;
    min-width: min-content;
}

#filter-line .simple-select .text {
    padding-right: 28px;
}

#filter-line .simple-select .text > span {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#filter-line .filter-list > a:hover, #filter-line .simple-select .text:hover, #filter-line .simple-select:hover .text, #filter-line .filter-list > select:hover, #filter-line .simple-select.opened .text {
    text-decoration: none;
    background: #e6e6e6;
}

#filter-line .simple-select, #filter-line .filter-list > select {
    margin: 0 6px 6px 0;
    width: auto;
}

#filter-line .filter-list > select {
    max-width: 150px;
    min-width: auto;
    text-overflow: ellipsis;
    appearance: base-select;
}

#filter-line .simple-select.active .text, #filter-line .filter-list > select:not(.sCompany):has(> option:checked:not([value=""]):not([value="0"])), #filter-line .filter-list > select.sCompany:has(> option:checked:not([value=""])) {
    background: var(--mb-color2);
    color: #fff;
}

#filter-line .simple-select .list {
    min-width: 180px;
    max-width: 100%;
    margin-top: 6px;
}

#filter-line .simple-select .option.info {
    display: block!important;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color: var(--mb-color0);
    cursor: default;
}

#filter-line .simple-select input[type="text"], #filter-line .simple-select input[type="number"] {
    background: #f8f8f8;
    height: 36px;
    font-size: 14px;
}

#filter-line .simple-select.simple-cat .list {
    min-width: 280px;
}

#filter-line .simple-select.simple-price-min-max .list {
    min-width: 280px;
}

#filter-line .simple-select.simple-pattern .list {
    min-width: 240px;
}

#filter-line .simple-select.simple-location .list {
    min-width: 300px;
    height: 380px;
    max-height: 380px;
}

#filter-line .simple-select.simple-location .results {
    display: block!important;
    box-shadow: none;
    height: 270px;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

#filter-line .simple-select.simple-location .results .lead {
    float: left;
    clear: both;
    padding: 0 16px;
    margin: 0 0 2px 0;
}

#filter-line .simple-select.simple-location .results .row {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    display: block!important;
}

#filter-line .simple-select.simple-location .results .row.minlength {
    display: none!important;
}

!#filter-line .simple-select.simple-location .results .option {
    padding: 10px 10px 10px 34px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
}

!#filter-line .simple-select.simple-location .results .option:after {
    display: none;
}

!#filter-line .simple-select.simple-location .results .option svg {
    display: none;
}

#filter-line .simple-select.simple-location .results .option:after {
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    margin-top: 1px;
    border: none;
    border-radius: 0;
    background: no-repeat center / contain url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2798 11.4399C18.2797 7.66239 15.2175 4.6001 11.4399 4.6001C7.66244 4.60018 4.60018 7.66244 4.6001 11.4399C4.6001 15.2175 7.66239 18.2797 11.4399 18.2798C15.2176 18.2798 18.2798 15.2176 18.2798 11.4399ZM20.2798 11.4399C20.2798 13.5439 19.5432 15.4748 18.3159 16.9927L21.0952 19.6812L21.1655 19.7563C21.4922 20.1438 21.4786 20.7232 21.1187 21.0952C20.7586 21.4674 20.1798 21.5 19.7817 21.186L19.7046 21.1187L16.8901 18.396C15.3881 19.5745 13.4972 20.2798 11.4399 20.2798C6.55782 20.2797 2.6001 16.3221 2.6001 11.4399C2.60018 6.55787 6.55787 2.60018 11.4399 2.6001C16.3221 2.6001 20.2797 6.55782 20.2798 11.4399Z' fill='%23c0c0c0'/%3E%3C/svg%3E);
}

#filter-line .filter-list > a {
    margin: 0 6px 6px 0;
    font-weight: 600;
}

#filter-line .filter-list > a > span {
    display: inline-block;
    white-space: nowrap;
}

#filter-line .filter-list > a svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
    fill: var(--mb-color2, #2c2c2c);
}

#filter-line .simple-select .text > .caret {
    width: 12px;
    height: 16px;
    margin: 0 -2px 0 8px;
    fill: currentColor;
    transition: 0.2s;
}

#filter-line .simple-select.opened .text > .caret {
    transform: scaleY(-1);
}

#filter-line .simple-select .text > .caret {
    margin: 0;
    right: 10px;
}

#filter-line .counter {
    position: absolute;
    right: -2px;
    top: -3px;
    font-style: normal;
    border-radius: 5px;
    min-width: 16px;
    height: 16px;
    text-align: center;
    padding: 1px 2px;
    line-height: 14px;
    font-size: 11px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
}

#filter-line .picker.has-icon input[type="text"], #filter-line .has-icon input[type="text"] {
    padding-left: 36px;
}

/* FILTERS REMOVE LINE */
#filters-remove {
    margin: 6px 0 0 0;
    padding: 0 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#filters-remove .flab {
    height: 28px;
    display: flex;
    margin: 0 12px 0 0;
    align-items: center;
    font-weight: 600;
}

#filters-remove a {
    padding: 0 30px 0 10px;
    gap: 4px;
    display: flex;
    align-items: center;
    margin: 0 6px 6px 0;
    max-width: 90%;
    height: 28px;
    line-height: 16px;
    font-size: 12.5px;
    font-weight: 500;
    background: #fff;
    color: var(--mb-color2, #2c2c2c);
    border-radius: 100px;
    border: 1px solid #d0d0d0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}

#filters-remove a[data-type="checkbox"] {
    max-width: 220px;
}

#filters-remove a:after, #filters-remove a .counter {
    color: var(--mb-color2);
    font-weight: 900;
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 2px;
    top: 2px;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    border-radius: 100px;
    background: #e0e0e0;
}

#filters-remove a .counter {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
}

#filters-remove a:hover {
    background: #f0f0f0;
    text-decoration: none;
}

#filters-remove a:hover:after, #filters-remove a:hover .counter {
    background: #d0d0d0;
}

#filters-remove a.remove-all {
    background: #fff;
    box-shadow: none;
    font-weight: 600;
}

#filters-remove a.remove-all i {
    font-size: 14px;
}

#filters-remove a.remove-all:hover {
    background: #e4e4e4;
    text-decoration: none;
}

#filters-remove a.remove-all:after {
    display: none;
}

!#filters-remove a > em {
    display: none;
    font-style: normal;
}

#filters-remove a > em {
    font-style: normal;
}

#filters-remove a[data-type="checkbox"] > em {
    display: inline;
    letter-spacing: -0.3px;
}

/* SEARCH MENU - ALL FILTERS IN MODAL */
.ssfrm label, .ssfrm h6, .ssfrm #atr-search .control-group > label {
    font-size: 15px;
    line-height: 16px;
    margin: 0 0 6px 0;
    display: block;
    font-weight: 600;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

!.ssfrm .row.additional > label {
    margin-bottom: 6px;
}

.ssfrm .row.additional {
    margin-bottom: 20px;
}

.ssfrm input[type="checkbox"] {
    float: left;
    clear: both;
}

.ssfrm input[type="checkbox"] + label {
    max-width: calc(100% - 24px);
    float: left;
    clear: none;
}

.ssfrm input[type="text"], .ssfrm input[type="number"], .ssfrm select {
    width: 100%;
    max-width: 100%;
    min-width: initial;
    height: 40px;
    font-size: 15px;
    padding: 8px 10px;
}

.ssfrm .price .line {
    display: flex;
    height: 40px;
    margin-bottom: 12px;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

.ssfrm .price .line input[type="number"] {
    flex-grow: 1;
    outline: none;
    box-shadow: none;
    padding: 8px;
    -moz-appearance: textfield;
}

.ssfrm .price .line input::-webkit-outer-spin-button, .ssfrm .price .line input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ssfrm .price .delim {
    width: 1px;
    margin: 5px 4px;
    height: 30px;
    background: #d0d0d0;
}

.ssfrm .picker.location.loading:after, .ssfrm .picker.v2.loading:after {
    background: #f4f4f4;
}

.ssfrm .picker.has-icon input[type="text"], .ssfrm .has-icon input[type="text"] {
    padding-left: 38px;
}

.ssfrm .input-box-check {
    margin: 0 0 4px 0;
}

.ssfrm .input-box-slider {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 12px 6px;
    justify-content: space-between;
}

.ssfrm .input-box-slider:hover {
    background: #f0f0f0;
}

.ssfrm .row.buttons {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 66px;
    background: #fff;
    border-radius: 0 0 16px 16px;
    padding: 8px 24px 16px 24px;
    z-index: 4;
    gap: 10px;
    justify-content: flex-end;
}

.ssfrm .row.buttons .btn {
    white-space: nowrap;
    border-radius: 100px;
    height: 40px;
    font-size: 15px;
}

.ssfrm .row.buttons .btn.btn-white {
    margin: 0px;
    padding-left: 16px;
    padding-right: 16px;
}

.ssfrm #search-button {
    width: auto;
    margin: 0;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 19px;
    padding-left: 32px;
    padding-right: 32px;
}

.ssfrm .row.sidebar-hooks, #side-menu .box.filter .row.sidebar-hooks {
    margin-top: 16px;
    margin-bottom: 8px;
}

.ssfrm .row.sidebar-hooks {
    z-index: 2;
}

.ssfrm .row.sidebar-hooks:empty {
    display: none;
}

#side-menu .box .section a {
    font-weight: normal;
}

.ssfrm .sidebar-hooks .row {
    margin: 0 0 12px 0;
    display: inline-block;
    width: 100%;
}

.ssfrm .sidebar-hooks .row.radio > label {
    float: left;
    clear: both;
    margin: 0 0 5px 0;
    line-height: 18px;
    font-weight: normal;
}

.ssfrm .sidebar-hooks .row.checkbox > label {
    margin-top: 1px;
}

.ssfrm .sidebar-hooks .row.radio > label > input[type="radio"] {
    float: left;
    clear: both;
    margin: 0 4px 0 0;
}

.ssfrm .sidebar-hooks input[type="radio"] {
    max-width: 18px;
    float: left;
    clear: both;
    margin: 0 4px 5px 0;
}

.ssfrm .sidebar-hooks input[type="radio"] + label {
    max-width: calc(100% - 26px);
    margin: 0;
    line-height: 18px;
    float: left;
    font-weight: normal;
}

.ssfrm .sidebar-hooks br {
    display: none;
}

.ssfrm .sidebar-hooks h3 {
    margin: 0 0 2px 0;
    font-size: 16px;
}

.ssfrm .sidebar-hooks > :last-child, .ssfrm .sidebar-hooks > :last-child > :last-child {
    margin-bottom: 0!important;
}

.ssfrm .sidebar-hooks .rad_search_box {
    float: none;
    display: inline-block;
    width: 100%;
}

.ssfrm .sidebar-hooks #atr-search .control-group {
    margin-bottom: 12px;
}

.ssfrm .sidebar-hooks #atr-search ul.atr-ul li {
    width: 100%;
    margin: 0 0 3px 0;
}

.ssfrm .price {
    margin-bottom: 14px;
}

.ssfrm .price .input-box-check {
    margin-bottom: 1px;
}

.ssfrm .price .input-box-check label {
    font-size: 13px;
    line-height: 16px;
    padding: 0px 0 0 22px!important;
    margin: 2px;
}

.ssfrm .price .input-box-check label:before {
    width: 16px;
    height: 16px;
}

.ssfrm .price .input-box-check label:after {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: var(--mb-color2);
    border-radius: 4px;
}

.ssfrm .price .input-box-check input[type="checkbox"]:checked + label:before {
    background: var(--mb-color-secondary);
    border-color: var(--mb-color-secondary);
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 4px;
}

.ssfrm #atr-search {
    margin: 0;
}

.ssfrm .product-attributes tr td {
    padding: 0 0 12px 0;
}

.ssfrm .product-attributes tr:last-child td {
    padding: 0;
}

.ssfrm table {
    border-spacing: 0;
}

.ssfrm > .wrap {
    padding: 20px 20px 24px 20px;
}

.ssfrm:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.6);
    z-index: 3;
    cursor: wait;
    border-radius: 16px;
}

.ssfrm.loading:after {
    display: block;
}

!.ssfrm a.open-category-box {
    min-width: 120px;
    display: inline-block;
    clear: both;
    margin-top: 3px;
    color: var(--mb-color-primary);
}

.ssfrm .row {
    position: relative;
}

.ssfrm .row.kw {
    z-index: 5;
}

.ssfrm .row.ct {
    z-index: 3;
}

.ssfrm .row.lc {
    z-index: 4;
}

.ssfrm .row.lc.opened {
    z-index: 6;
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 8;
    padding: 20px;
}

.ssfrm .row.lc.opened > label {
    display: none;
}

.ssfrm .row.lc.opened .picker.location {
    height: 100%;
    margin: 0;
}

.ssfrm .row.lc.opened .picker.location .results {
    display: block!important;
    box-shadow: none;
    max-height: unset;
    position: absolute;
    top: 44px;
    bottom: 0px;
    height: auto;
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 2px;
    left: 0;
    right: auto;
}

.ssfrm .row.lc.opened .picker.location svg.icon, .ssfrm .row.lc.opened .picker .clean {
    top: 4px;
}

@media screen and (max-width: 767px) {
    .ssfrm .row.buttons {
        gap:8px;
    }

    .ssfrm .row.buttons .btn {
        flex-grow: 1;
    }

    .ssfrm #search-button {
        min-width: unset;
    }
}

/* CATEGORY BOX FOR QUICK FILTERING */
.cat-box {
    position: absolute;
    left: 1px;
    top: 0;
    right: 1px;
    bottom: 0;
    background: #fff;
    z-index: 6;
    display: none;
    border-radius: 0 0 16px 16px;
}

.cat-box .cat-one {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 60px;
    background: #fff;
    display: none;
    padding: 14px 10px;
    overflow-y: auto!important;
}

.cat-box .cat-one[data-id="0"] {
    display: block;
}

.cat-box .cat-one a {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    border-radius: 0px;
    padding: 10px 40px 10px 10px;
    position: relative;
    height: 50px;
    display: flex;
    font-size: 15px;
    line-height: 20px;
    color: var(--mb-color2, #2c2c2c);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cat-box .cat-one a:hover {
    text-decoration: none;
    background: #f0f0f0;
}

.cat-box .cat-one a.all-cat {
    font-weight: 600;
    background: #fff;
    border: 1px solid #999;
    border-radius: 8px;
    margin: 0 0 12px 0;
}

.cat-box .cat-one a.all-cat i {
    fill: var(--mb-color5);
    font-size: 16px;
    text-indent: 2px;
}

.cat-box .cat-one a.all-cat:hover {
    background: #e4e4e4;
}

.cat-box .cat-one a i, .cat-box .cat-one a img, .cat-box .cat-one a svg {
    width: 36px;
    height: 32px;
    color: var(--mb-color7);
    line-height: 32px;
    text-align: center;
    object-fit: contain;
    font-size: 20px;
    margin: 0 12px 0 0;
}

.cat-box .cat-one a svg {
    fill: var(--mb-color5);
    padding: 2px;
}

!.cat-box .cat-one a.has-subcat:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: absolute;
    right: 12px;
    top: calc(50% - 10px);
    font-size: 16px;
    transition: 0.2s;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: #acacac;
    font-weight: 900;
}

.cat-box .cat-one a.has-subcat:after {
    content: "";
    position: absolute;
    right: 12px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath fill='%239e9e9e' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
}

.cat-box .cat-one a span {
    display: inline-block;
    max-height: 41px;
    min-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cat-box .cat-one a em {
    font-style: normal;
    color: var(--mb-color7);
    margin: 0 5px;
    font-size: 14px;
}

.cat-box .cat-foot {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 66px;
    background: #fff;
    padding: 8px 16px 16px 16px;
    display: flex;
    border-radius: 0 0 16px 16px;
    gap: 10px;
    justify-content: flex-end;
}

.cat-box .cat-foot .btn {
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 100px;
}

.cat-box .cat-foot .btn.close-category-box {
}

.cat-box .cat-foot .btn.confirm-category-box {
    padding-left: 32px;
    padding-right: 32px;
    min-width: 160px;
}

/* BREADCRUMBS */
ul.breadcrumb {
    display: inline-block;
    width: 100%;
    margin: 0;
    line-height: 15px;
    font-size: 12.5px;
    color: var(--mb-color6);
}

ul.breadcrumb li {
    display: inline-block;
}

ul.breadcrumb li > span {
    position: relative;
}

ul.breadcrumb a {
    color: var(--mb-color5);
    font-weight: normal;
}

ul.breadcrumb a:hover {
    text-decoration: underline;
    color: var(--mb-color3);
}

ul.breadcrumb li b {
    font-weight: 600;
}

ul.breadcrumb li.last-child > span, ul.breadcrumb li.last-child > a {
    color: var(--mb-color2);
    font-weight: 600;
}

body#item #breadcrumbs, body#public #breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.item-bread ul.breadcrumb {
    font-size: 13px;
    line-height: 16px;
    margin: 2px 0 10px 0;
    color: var(--mb-color7);
}

.item-bread ul.breadcrumb a {
    color: var(--mb-color7);
}

body#public > div.content {
    padding-top: 16px;
}

body#public > div.content:has(#public-side-banner) {
    max-width: 1200px;
}

/* NAVLINKS */
.navlinks {
    white-space: nowrap;
    display: flex;
}

.navlinks a {
    white-space: nowrap;
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    height: 30px;
    margin: -6px 0;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: 0.1s;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 100px;
    padding: 0 8px;
    color: var(--mb-color-primary);
}

.navlinks a:first-child {
    border-start-start-radius: 100px;
    border-end-start-radius: 100px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.navlinks a:last-child {
    border-start-end-radius: 100px;
    border-end-end-radius: 100px;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    margin-inline-start:-1px;}

.navlinks a:first-child:last-child {
    border-radius: 100px;
}

.navlinks a.prev {
    padding-inline-start:32px;}

.navlinks a.next {
    padding-inline-end:32px;}

.navlinks a:hover {
    border-color: var(--mb-color-primary-hover);
    text-decoration: none;
    background: #fff;
    color: var(--mb-color-primary-hover);
    z-index: 2;
}

.navlinks a > svg {
    position: absolute;
    inset-inline-start: 2px;
    top: 2px;
    height: 24px;
    width: 24px;
    background: #e4e4e4;
    fill: var(--mb-color2);
    border-radius: 100px;
}

.navlinks a.next > svg {
    inset-inline-end: 2px;
    inset-inline-start: auto;
}

.navlinks a i {
    font-size: 12px;
    line-height: 16px;
    color: var(--mb-color7);
}

@media screen and (max-width: 540px) {
    .navlinks a > span {
        display:none;
    }

    .navlinks a.prev {
        padding-inline-start:20px;}

    .navlinks a.next {
        padding-inline-end:20px;}
}

/* SEARCH ITEMS */
#search-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
}

#search-content .search-left {
    width: calc(100% - 184px);
    padding: 0;
    gap: 0;
}

#search-content .search-left:last-child {
    width: 100%;
}

#search-content .search-left:not(:last-child) #search-items > .products.grid {
    grid-template-columns: repeat(3, 1fr);
}

#search-quick-bar {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 0px;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 56px;
    align-items: stretch;
}

#search-quick-bar > .user-type {
    font-size: 14px;
    letter-spacing: -0.3px;
    display: flex;
    gap: 4px;
    align-items: stretch;
    flex-direction: row;
    padding: 0 16px;
}

#search-quick-bar > .user-type a {
    padding: 0 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    line-height: 1.1;
}

#search-quick-bar > .user-type a:hover {
    background: #f2f2f2;
}

#search-quick-bar > .user-type a.active {
    box-shadow: 0 -3px 0 0 var(--mb-color2) inset;
    font-weight: 600;
}

#search-quick-bar > .user-type a:hover {
    box-shadow: 0 -3px 0 0 var(--mb-color-secondary) inset;
    text-decoration: none;
}

#search-quick-bar > .with-check {
    display: flex;
    align-items: stretch;
    border-right: 1px solid #e0e0e0;
    line-height: 1.1;
    margin-left: auto;
    display: flex;
    gap: 4px;
    flex-direction: row;
    padding: 0;
}

#search-quick-bar > .with-check + .with-check {
    margin: 0;
}

#search-quick-bar > .with-check .input-box-slider {
    padding: 0 16px;
    font-weight: 500;
}

#search-quick-bar > .with-check .input-box-slider:hover {
    background: #f0f0f0;
}

#search-quick-bar > .simple-sort {
    border-right: 1px solid #e0e0e0;
    width: auto;
    display: flex;
    align-items: stretch
}

#search-quick-bar > .simple-sort .lab {
    display: none;
}

#search-quick-bar > .simple-sort .kind {
    font-weight: 500;
}

#search-quick-bar > .simple-sort .text {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-direction: row;
    padding: 0 16px;
    border: none;
    background: transparent;
    line-height: 1.1;
    box-shadow: none;
    border-radius: 0;
}

#search-quick-bar > .simple-sort:hover .text {
    background: #f2f2f2;
    box-shadow: none;
    border-radius: 0;
}

#search-quick-bar > .simple-sort .caret {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: 18px;
}

#search-quick-bar > .view-type {
    display: flex;
    align-items: stretch;
}

#search-quick-bar > .view-type a {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: row;
    padding: 0 16px;
    text-decoration: none;
    border-radius: 0 16px 0 0;
    line-height: 1.1;
}

#search-quick-bar > .view-type a.active {
    display: none;
}

#search-quick-bar > .view-type a:hover {
    background: #f2f2f2;
}

#search-quick-bar > .view-type a svg {
    width: auto;
    height: 16px;
}

#search-items {
    padding: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-width: 0;
}

#search-items:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.6);
    z-index: 5;
    cursor: wait;
    border-radius: 16px;
}

#search-main.loading #search-items:after {
    display: block;
}

#search-items > .products {
    gap: 16px;
}

#search-premium-items h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-style: italic;
    font-size: 20px;
    font-weight: 800;
    color: var(--mb-color1);
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
}

#search-premium-items h2 > span {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
    border-radius: 6px;
    padding: 2px 8px;
    text-transform: uppercase;
}

#search-premium-items h2 > span > svg {
    height: 26px;
    width: auto;
    margin-top: 1px;
    fill: currentColor;
}

#search-premium-items .nice-scroll-buttons-top .nice-scroll-prev, #search-premium-items .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
    margin-top: 4px;
}

#search-premium-items .simple-prod .simple-wrap {
    margin: 0;
}

@media screen and (max-width: 767px) {
    #search-premium-items h2 {
        font-size:18px;
        letter-spacing: -0.3px;
        gap: 6px;
    }
}

/* PREMIUM PLACEHOLDER */
.simple-prod.placeholder, #search-premium-items .simple-prod.placeholder, #premium-items .simple-prod.placeholder {
    padding: 1px;
}

.simple-prod.placeholder .simple-wrap, #search-premium-items .simple-prod.placeholder .simple-wrap, #premium-items .simple-prod.placeholder .simple-wrap {
    transition: 0.1s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 16px 12px;
    background: var(--mb-color-primary-lighter);
    border-radius: 12px;
    box-shadow: var(--mb-shadow), 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
}

.simple-prod.placeholder:hover, #search-premium-items .simple-prod.placeholder:hover, #premium-items .simple-prod.placeholder:hover {
    text-decoration: none;
}

.simple-prod.placeholder:hover .simple-wrap, #search-premium-items .simple-prod.placeholder:hover .simple-wrap, #premium-items .simple-prod.placeholder:hover .simple-wrap {
    box-shadow: 0 0 0 1px var(--mb-color-primary), 0 4px 14px rgba(0,0,0,0.1);
    text-decoration: none;
}

.simple-prod.placeholder .simple-wrap .dx {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    text-align: center;
    padding: 8px 4px 4px 4px;
}

.simple-prod.placeholder .ph-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 0 12px 0;
    border: 1px solid rgba(0,0,0,0.03);
    border-radius: 100px;
    background: var(--mb-color-primary-lighter);
    flex-shrink: 0;
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--mb-color-primary) 5%, transparent);
}

.simple-prod.placeholder .ph-icon svg {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    fill: var(--mb-color-primary);
}

.simple-prod.placeholder .simple-wrap .dx strong {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.25;
    color: var(--mb-color1);
    margin: 0;
}

.simple-prod.placeholder .simple-wrap .dx span {
    font-weight: normal;
    font-size: 12.5px;
    line-height: 1.25;
    color: var(--mb-color6);
    margin: 0 0 12px 0;
}

.simple-prod.placeholder .btn.btn-primary {
    transition: 0.1s;
    background: var(--mb-color1);
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
    margin-top: 10px;
}

.simple-prod.placeholder .btn.btn-primary:hover {
    background: var(--mb-color3);
}

/* ANIMATIONS */
.simple-prod.placeholder .ph-icon, #search-premium-items .simple-prod.placeholder .ph-icon, #premium-items .simple-prod.placeholder .ph-icon {
    animation: ph-breathe 3.2s ease-in-out infinite;
}

.simple-prod.placeholder .ph-icon svg, #search-premium-items .simple-prod.placeholder .ph-icon svg, #premium-items .simple-prod.placeholder .ph-icon svg {
    animation: ph-float 3.2s ease-in-out infinite;
}

.simple-prod.placeholder .simple-wrap::after, #search-premium-items .simple-prod.placeholder .simple-wrap::after, #premium-items .simple-prod.placeholder .simple-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--mb-color-primary) 14%, transparent) 45%, transparent 100%);
    pointer-events: none;
    animation: ph-shimmer 5s ease-in-out infinite;
}

.simple-prod.placeholder .simple-wrap, #search-premium-items .simple-prod.placeholder .simple-wrap, #premium-items .simple-prod.placeholder .simple-wrap {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.simple-prod.placeholder .btn.btn-primary, #search-premium-items .simple-prod.placeholder .btn.btn-primary, #premium-items .simple-prod.placeholder .btn.btn-primary {
    transition: background 0.15s ease, transform 0.15s ease;
}

.simple-prod.placeholder:hover .btn.btn-primary, #search-premium-items .simple-prod.placeholder:hover .btn.btn-primary, #premium-items .simple-prod.placeholder:hover .btn.btn-primary {
    transform: translateY(-1px);
}

@keyframes ph-breathe {
    0%,100% {
        box-shadow: 0 0 0 8px color-mix(in srgb, var(--mb-color-primary) 5%, transparent);
    }

    50% {
        box-shadow: 0 0 0 13px color-mix(in srgb, var(--mb-color-primary) 11%, transparent);
    }
}

@keyframes ph-float {
    0%,100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-2px) scale(1.05);
    }
}

@keyframes ph-shimmer {
    0% {
        left: -150%;
    }

    35% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

#search-side-banner {
    width: 172px;
    position: sticky;
    top: 16px;
    height: auto;
    min-height: 620px;
    padding: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    flex-shrink: 0;
}

#search-side-banner:empty {
    display: none;
}

#search-side-banner .lab {
    width: 100%;
    margin: 0 0 4px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: var(--mb-color6);
    text-align: center;
}

#search-side-banner .banner-theme {
    margin: 0;
}

#search-items .list-empty {
    display: flex;
    width: 100%;
    padding: 60px 16px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

#search-items .list-empty h2 {
    font-size: 24px;
    color: var(--mb-color3);
    text-align: center;
    margin: 0;
}

#search-items .list-empty .subtitle {
    font-size: 14px;
    color: var(--mb-color6);
}

#search-items .list-empty .btns {
    margin-top: 24px;
    display: flex;
}

#search-items .list-empty .btns .btn {
    border-radius: 100px;
    height: 36px;
    padding: 6px 24px;
}

!#search-main:not(:has(+ #search-side-banner)) {
    width: 100%;
}

@media screen and (max-width: 767px) {
    body > div.content {
        padding:16px 0;
    }

    body#search .container.primary {
        padding: 0 6px;
    }

    #search-main .sbox {
        padding: 16px;
    }

    #search-main .sbox.one {
        gap: 12px;
        padding-bottom: 12px;
    }

    #search-main .top-bar {
        gap: 12px;
    }

    #search-main .top-bar .headers {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    #search-main #search-alert .btn {
        height: 36px;
        width: 100%;
    }

    #search-quick-bar {
        flex-wrap: wrap;
        border: none;
        height: auto;
        margin: 0 0 16px 0;
        gap: 4px 0;
    }

    #search-quick-bar > .user-type {
        order: 7;
        width: calc(100% - 50px);
        height: 40px;
        font-size: 15px;
    }

    #search-quick-bar > .view-type {
        order: 8;
        width: 50px;
        height: 40px;
        justify-content: flex-end;
    }

    #search-quick-bar > .view-type a svg {
        height: 18px;
    }

    #search-quick-bar > .with-check {
        order: 2;
        flex-grow: 1;
        border: none!important;
        height: 40px;
    }

    #search-quick-bar > .simple-sort {
        order: 3;
        width: auto;
        border: none!important;
        height: 40px;
    }

    #search-quick-bar > .view-type a > span {
        display: none;
    }

    #search-quick-bar > .with-check .input-box-slider, #search-quick-bar > .simple-sort .text, #search-quick-bar > .user-type, #search-quick-bar > .view-type a {
        padding: 0;
    }

    #search-quick-bar .simple-select.simple-sort .list {
        right: 0;
        left: auto;
    }

    #search-items {
        padding: 0;
    }

    #search-side-banner {
        display: none;
    }

    #search-content .search-left {
        width: 100%;
    }

    #search-content .search-left:not(:last-child) #search-items > .products.grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #filter-line {
        margin: 0;
        min-width: 0;
    }

    #filter-line .filter-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        min-width: 0;
    }

    #filter-line .filter-list .simple-cat {
        display: none;
    }

    #filter-line .filter-list > select, #filter-line .filter-list > a {
        flex-shrink: 0;
        margin-right: 4px;
    }

    #search-cat .cat-list {
        gap: 1px;
    }

    #search-cat .cat-list > a {
        padding: 6px 1px;
        min-width: 84px;
        width: 84px;
        flex-shrink: 0;
    }
}

/* ITEMS PAGE */
.mlinks {
    display: none;
}

body#item > div.content {
    padding: 16px 0;
}

#item .ibox {
    position: relative;
    gap: 8px;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#item .ibox.spec1 {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 12px 22px 12px;
    border-radius: 16px 16px 0 0;
    margin: 0 0 -28px 0px;
}

#item .ibox.spec1 + .ibox.basic {
    box-shadow: var(--mb-shadow), 0 -2px 3px rgba(0,0,0,0.2);
}

#item .ibox.sold {
    background: #ff9999;
}

#item .ibox.reserved {
    background: #ffdb57;
}

#item .ibox.expired {
    background: var(--mb-color3);
    color: #fff;
}

#item .ibox.description {
    gap: 12px;
}

#item .ibox.description .ref {
    font-size: 15px;
    color: var(--mb-color7);
}

#item .ibox.description .ds-text {
    line-height: 1.5;
    font-size: 15px;
}

#item .ibox h1 {
    color: var(--mb-color3);
    font-weight: 500;
    margin: 0;
    font-size: 24px;
}

#item .ibox h2 {
    margin: 0;
}

#item #shortcuts {
    display: flex;
    gap: 8px;
    margin: 8px 0 0 0;
}

#item #shortcuts .btn {
    height: 32px;
    border-radius: 100px;
    font-size: 14px;
    display: flex;
    gap: 6px;
    align-items: center;
}

#item #shortcuts .btn svg {
    fill: var(--mb-color5);
    width: 18px;
    height: 18px;
}

#item .ibox.manage {
    display: flex;
    flex-direction: row;
    gap: 6px;
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
}

#item .ibox.manage > .btn {
    height: 40px;
    font-size: 14px;
    flex-grow: 1;
    border-width: 1.5px;
}

@media screen and (max-width: 767px) {
    #item .ibox {
        padding:16px;
    }
}

@media screen and (max-width: 540px) {
    #item #shortcuts {
        flex-wrap:wrap;
    }
}

#item .container.primary {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}

#item .data-box {
    display: flex;
    gap: 16px;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
}

#item .data-box.main {
    display: flex;
    gap: 16px;
    align-items: stretch;
    flex-direction: row;
}

#item #item-main {
    width: calc(100% - 360px - 16px);
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: stretch;
}

#item #item-side {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}

@media screen and (max-width: 1024px) {
    #item #item-main {
        width:calc(100% - 300px - 16px);
    }

    #item #item-side {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    #item .container.primary, #item > .content > .container {
        padding:0 6px;
    }

    #item .data-box.main {
        flex-direction: column;
    }

    #item #item-main, #item #item-side {
        width: 100%;
    }
}

/* ITEM IMAGES GALLERY */
#item-image.ibox {
    padding: 0;
    gap: 16px;
}

#item-image {
    position: relative;
    width: 100%;
}

!#item-image.noimg {
    display: none;
}

#item-image .item-noimg-box {
    padding: 48px 16px 48px 16px;
    border-radius: 16px;
    display: flex;
    font-size: 13px;
    color: var(--mb-color7);
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: radial-gradient(circle at 20% 20%, rgba(59,130,246,.08) 0%, transparent 40%), radial-gradient(circle at 80% 30%, rgba(16,185,129,.06) 0%, transparent 40%), radial-gradient(circle at 50% 80%, rgba(139,92,246,.06) 0%, transparent 40%);
}

#item-image .item-noimg-box svg {
    overflow: visible;
    fill: var(--mb-color-primary);
    width: 96px;
    height: 96px;
    padding: 24px;
    background: var(--mb-color-primary-lighter);
    border-radius: 100px;
    margin: 4px 0 8px 0;
}

#item-image .item-noimg-box strong {
    font-size: 15px;
    color: var(--mb-color1);
}

#item-image li {
    list-style: none;
    position: relative;
}

#item-image li a img {
    border-radius: 16px 16px 0 0;
    float: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    max-height: 100%;
    max-width: unset;
    background: var(--mb-color1);
    aspect-ratio: var(--mb-aspect-ratio, 4/3);
}

#item-image li a img.lazy.loaded {
    object-fit: contain;
}

#item-image .swiper-container {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

#item-image .swiper-button {
    transition: 0.1s;
    color: var(--mb-color4);
    background: #f5f7fb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -26px;
    position: absolute;
    border-radius: 100px;
    left: 10px;
    top: 50%;
    height: 52px;
    width: 52px;
    padding: 8px;
    z-index: 2;
}

#item-image .swiper-button svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}

#item-image .swiper-button.swiper-button-disabled {
    cursor: default;
    opacity: 0.25;
}

#item-image .swiper-container.hide-buttons .swiper-button {
    display: none;
}

#item-image .swiper-button.swiper-next {
    right: 10px;
    left: auto;
    text-indent: 2px;
}

#item-image .swiper-button:not(.swiper-button-disabled):hover {
    transform: scale(1.08);
    color: var(--mb-color1);
}

#item-image .swiper-thumbs {
    width: 100%;
    padding: 0 16px;
    margin: 0 0 16px 0;
}

#item-image .swiper-thumbs ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 6px;
    justify-content: center;
}

#item-image .swiper-thumbs li {
    margin: 0;
    cursor: pointer;
    height: 48px;
    width: 56px;
}

#item-image .swiper-thumbs li img {
    width: 100%;
    height: 100%;
    opacity: 0.4;
    object-fit: cover;
    border-radius: 8px;
    border: 0.5px solid #e0e0e0;
}

#item-image .swiper-thumbs li.active img, #item-image .swiper-thumbs li:hover img {
    opacity: 1;
}

#item-image[data-count="1"] li a img {
    border-radius: 16px;
}

#item-image[data-count="1"] .swiper-thumbs {
    display: none;
}

#item-image[data-count="1"] .swiper-container {
    border: none;
}

#item-image .swiper-pg, #item-image .maximize {
    background: rgba(0,0,0,0.7);
    border: 0.5px solid rgba(255,255,255,0.2);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    line-height: 15px;
    padding: 8px 12px;
    height: 34px;
    width: auto;
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 2;
    display: flex;
    gap: 4px;
    align-items: center;
    min-width: 36px;
}

#item-image .swiper-pg:hover, #item-image .maximize:hover {
    text-decoration: none;
}

#item-image .maximize {
    left: auto;
    right: 8px;
}

#item-image .maximize > svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* ITEM DETAILS GRID */
#item .details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    margin-top: 8px;
}

#item .details .elem {
    display: flex;
    flex-direction: row;
    gap: 10px;
    line-height: 1.2;
    align-items: flex-start;
}

#item .details .elem svg {
    width: 24px;
    height: 24px;
    color: var(--mb-color-primary);
    fill: currentColor;
    flex-shrink: 0;
    margin: 3px 0;
}

#item .details .elem .tx {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

#item .details .elem .tx span {
    font-size: 12px;
    font-weight: 500;
    color: var(--mb-color7);
}

#item .details .elem .tx strong {
    font-size: 15px;
    font-weight: bold;
    color: var(--mb-color2);
}

#item .details .elem .tx a {
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 0 0;
    color: var(--mb-color-primary);
}

#item .details .elem.price {
    grid-column: 1/-1;
    padding-bottom: 16px;
    margin-bottom: 2px;
    border-bottom: 2px solid #e8e8e8;
}

#item .details .elem.price .tx span {
    font-size: 13px;
}

#item .details .elem.price .tx strong {
    font-size: 26px;
    font-weight: 800;
    color: var(--mb-color0);
}

#item .details .elem.price .tx a {
    font-size: 13px;
}

#item .item-hook {
    margin: 24px 0 0 0;
}

#item .item-hook:empty {
    display: none;
}

#item .item-hook > div {
    margin-bottom: 16px;
}

#item .item-hook > div:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    #item .details {
        grid-template-columns:1fr
    }
}

/* ITEM ATTRIBUTES AND CUSTOM FIELDS */
#item-main .item-hook h2, #item-main .item-hook h3, #item-main .item-hook h4 {
    font-size: 16px;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.item-hook table, .custom-fields, .item-hook .list-other-attributes {
    margin: 0;
    width: 100%;
    display: block;
}

.item-hook table.car-details {
    margin: 0;
}

.item-hook table tbody, .custom-fields, .job-detail, .item-hook .list-other-attributes {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
}

.item-hook table tr, .custom-fields .field, .job-detail > div, .item-hook .realestate-details .list-other-attributes li {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    line-height: 1.2;
    position: relative;
    font-weight: 500;
    color: var(--mb-color2);
}

.item-hook table tr:nth-child(odd), .custom-fields .field:nth-child(odd), .job-detail > div:nth-child(odd), .item-hook .realestate-details .list-other-attributes li:nth-child(odd) {
    background-color: #eef1f6;
}

.item-hook table td:first-child, .item-hook table td:first-child label, .custom-fields .field .name, .job-detail > div label {
    font-weight: bold;
    width: 50%;
    flex-grow: 1;
    flex-shrink: 0;
}

.item-hook table td, .item-hook .realestate-details .row-title {
    width: 100%;
}

.item-hook table td:last-child, .custom-fields .field .value, .job-detail > div p, .item-hook .realestate-details .list-other-attributes li {
    flex-grow: 1;
    width: 50%;
    flex-shrink: 0;
}

.item-hook table td:last-child strong, .custom-fields .field .value strong, .job-detail > div p strong, .item-hook .realestate-details .list-other-attributes li strong {
    font-weight: 500;
}

.item-hook table td:last-child label, .custom-fields .field .value label, .job-detail > div p label, .item-hook .realestate-details .list-other-attributes li label {
    font-weight: 500;
    margin: 0;
    width: auto;
}

.item-hook .realestate-details .table-attributes {
    margin: 0;
}

.item-hook .job-detail > div:last-child {
    margin-bottom: 24px;
}

.item-hook .realestate-details .list-other-attributes li {
    font-weight: 600;
    margin-bottom: 18px;
    font-size: 14px;
}

.custom-fields .field .value svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
    margin: -2px 0;
    float: left;
}

.custom-fields .field.type-CHECKBOX.value-0 .value {
    color: var(--mb-color7);
}

.custom-fields .field.type-CHECKBOX.value-0 .value svg {
    width: 20px;
    height: 20px;
    margin: -1px 0;
}

.custom-fields .field.type-CHECKBOX.value-1 .value {
    color: var(--mb-color-primary);
}

#item .ibox.props > div:last-child {
    margin-bottom: 0;
}

#item .ibox.props h2 {
    font-size: 18px;
}

#item .ibox.props > h2:first-child {
    font-size: 20px;
}

/* ITEM SELLER BOX */
#item #seller2 h2 {
    font-size: 20px;
    margin: 0 0 8px 0;
}

#item #seller2 .about {
    border-left: 3px solid #d5dae1;
    padding: 0 16px;
    margin: 0 0 24px 0;
    font-size: 14px;
    line-height: 1.5;
    font-style: italic;
    color: var(--mb-color5);
}

#item #seller2 #item-rating {
    margin: 16px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid #e0e0e0;
}

#item #seller2 .card {
    display: flex;
    flex-direction: column;
    color: var(--mb-color3);
    font-size: 14px;
    line-height: 1.2;
    align-items: flex-start;
}

#item #seller2 .card .user {
    display: flex;
    gap: 12px;
    margin: 0 0 16px 0;
}

#item #seller2 .card .user .data {
    display: flex;
    gap: 0px;
    flex-direction: column;
    color: var(--mb-color5);
    justify-content: center;
    font-size: 13.5px;
}

#item #seller2 .card .user img {
    width: 72px;
    height: 72px;
    border-radius: 100px;
    object-fit: cover;
    background: #e0e0e0;
    margin: 0;
}

#item #seller2 .card .name {
    font-size: 16px;
    font-weight: bold;
    color: var(--mb-color1);
    margin: 0 0 4px 0;
}

#item #seller2 .card .user-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--mb-color1);
    margin: 12px 0 0 0;
    display: flex;
    gap: 4px;
}

#item #seller2 .card .user-link svg {
    width: 16px;
    height: 16px;
}

#item #seller2 .card .phones {
    margin: 6px 0 12px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

#item #seller2 .card .phones a {
    text-decoration: none;
    display: flex;
    gap: 6px;
    font-weight: 600;
    align-items: center;
}

#item #seller2 .card .phones a > svg {
    width: 18px;
    height: 18px;
}

#item #seller2 .card .phones a:hover {
    text-decoration: none;
    color: var(--mb-color-primary);
}

#item #seller2 .card .phones a .pshow {
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mb-color-secondary-text);
    background: var(--mb-color-secondary);
    margin: 0 6px;
    border-radius: 100px;
}

#item #seller2 .card .phones a:hover .pshow {
    background: var(--mb-color-secondary-hover);
}

#item #seller2 .feat {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 16px 0 0 0;
}

#item #seller2 .feat > .elem {
    background: #e6eaf0;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
}

#item #seller2 .feat > .elem svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

@media screen and (max-width: 767px) {
    #item #seller2 .feat > .elem {
        flex-grow: 1;
    }
}

/* ITEM COMMENTS */
#item #comments {
    font-size: 20px;
    display: flex;
    gap: 12px;
    flex-direction: column;
}

#item #comments h2 {
    font-size: 20px;
    margin: 0 0 8px 0;
}

#item .empty-comments, #item-forms .problem {
    padding: 36px 16px 24px 16px;
    display: flex;
    font-size: 13px;
    color: var(--mb-color7);
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

#item .empty-comments strong, #item-forms .problem > span {
    font-size: 15px;
    color: var(--mb-color1);
}

#item .empty-comments svg, #item-forms .problem > svg {
    fill: var(--mb-color-primary);
    overflow: visible;
    width: 96px;
    height: 96px;
    padding: 24px;
    background: var(--mb-color-primary-lighter);
    border-radius: 100px;
    margin: 4px 0 8px 0;
}

#item .wrap {
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: stretch;
}

#comments .add-comment {
    width: 100%;
    height: 40px;
    position: relative;
    gap: 8px;
    display: flex;
    align-items: stretch;
}

#comments .add-comment:hover {
    text-decoration: none;
}

#comments .add-comment img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    flex-shrink: 0;
}

#comments .add-comment span {
    flex-grow: 1;
    background: #e4e4e4;
    border-radius: 100px;
    cursor: text;
    padding: 0 16px;
    font-size: 14px;
    color: var(--mb-color7);
    display: flex;
    align-items: center;
}

#comments .add-comment:hover span {
    background: #eaeaea;
}

#comments .add-comment div {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

#comments .add-comment div svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

#comments .comment {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
}

#comments .wrap > .comment {
    border-top: 1px solid #e6e6e6;
    padding-top: 16px;
    position: relative;
}

#comments .wrap > .comment:first-child {
    padding-top: 0;
    border-top: none;
}

#comments .comment:has(+ .replies):before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 17px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: calc(100% - 70px);
    border-bottom-left-radius: 8px;
    width: 26px;
}

#comments .comment .img {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    flex-shrink: 0;
}

#comments .comment .cdata {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex-grow: 1;
    margin: 6px 0 0 0;
}

#comments .comment .top-block {
    line-height: 16px;
    font-size: 11px;
    color: var(--mb-color7);
    display: flex;
    gap: 8px;
    width: 100%;
    padding-right: 30px;
    align-items: flex-end;
    position: relative;
}

#comments .comment .top-block .author {
    line-height: 16px;
    font-size: 14.5px;
    font-weight: bold;
    color: var(--mb-color1);
}

#comments .comment .top-block .date {
    line-height: 15px;
}

#comments .comment .top-block .rating {
    line-height: 15px;
    font-size: 13px;
    letter-spacing: -0.8px;
    margin: 0 4px;
}

#comments .comment .top-block .rating > span {
    font-size: 10px;
    margin: 0 2px;
    letter-spacing: 0;
}

#comments .comment .top-block a.remove {
    position: absolute;
    border-radius: 8px;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    margin-top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#comments .comment .top-block a.remove:hover {
    background: #f0f0f0;
}

#comments .comment .top-block a.remove svg {
    width: 18px;
    height: 18px;
    fill: var(--mb-color7);
}

#comments .comment .data {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 4px;
    font-size: 13px;
    color: var(--mb-color4);
}

#comments .comment .data .body {
    white-space: pre-line;
    max-width: 100%;
}

#comments .comment .data .body > b.ctitle {
    font-weight: 500;
    font-style: italic;
    margin-right: 4px;
}

#comments .comment .data .body > b.ctitle:before {
    content: "“";
    margin-right: 1px;
}

#comments .comment .data .body > b.ctitle:after {
    content: "”";
    margin-left: 1px;
}

#comments .comment .comment-reply-row {
    margin-top: 6px;
    display: flex;
    gap: 8px;
}

#comments .comment .comment-reply-row .btn {
    height: 26px;
    font-size: 12px;
    border-radius: 100px;
    padding: 0 12px;
    display: flex;
    gap: 4px;
    align-items: center;
}

#comments .comment .comment-reply-row .btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

#comments #comment-replies {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 0 0 0 46px;
}

#comments #comment-replies.hidden {
    display: none;
}

#comments .rating i {
    color: #aaa;
}

#comments .rating i.fill, .comment-leave-rating i.is-rating-item.fill {
    color: #ffba00;
}

.comment-leave-rating i.is-rating-item {
    cursor: pointer;
    font-size: 18px;
    color: #aaa;
}

.comment-leave-rating:hover i.is-rating-item {
    color: #ffba00;
}

.comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item {
    color: #aaa;
}

@media screen and (max-width: 767px) {
    #comments .comment .top-block {
        flex-wrap:wrap;
        gap: 4px 12px;
    }

    #comments .comment .top-block .rating {
        margin: 0;
    }
}

/* ITEM SIDEBAR */
#item .ibox#seller {
    position: sticky;
    top: 16px;
}

#item-side .line1 {
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 1.1;
}

#item-side .line1 .img img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 100px;
}

#item-side .line1 .data {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: flex-start;
}

#item-side .line1 .data #blabel {
    margin-top: 2px;
}

#item-side .line1 .data .name {
    font-size: 16px;
    font-weight: bold;
}

#item-side .line1 .data .status {
    font-size: 13px;
    color: var(--mb-color7);
    display: flex;
    gap: 4px;
    align-items: center;
}

#item-side .line1 .data .status .circle {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: var(--mb-color7);
}

#item-side .line1 .data .status .circle.online {
    background: #0ed000;
}

#item-side .line-rating, #item-rating {
    display: flex;
    gap: 12px;
    align-items: center;
    line-height: 1.1;
    margin: 0;
    padding: 0;
}

#item-side .line-rating {
    margin: 0 0 16px 0;
    padding: 16px 0 0 0;
    border-top: 1px solid #e0e0e0;
}

#item-side .line-rating > strong, #item-rating > strong {
    font-weight: bold;
    font-size: 42px;
    letter-spacing: -2px;
}

#item-side .line-rating .ex, #item-rating .ex {
    display: flex;
    gap: 1px;
    flex-direction: column;
    align-items: flex-start;
}

#item-side .line-rating .strs a > span, #item-rating .strs a > span {
    display: none;
}

#item-side .line-rating .cnt, #item-rating .cnt {
    color: var(--mb-color7);
    font-size: 13px;
}

#item-side .line-rating .cnt a, #item-rating .cnt a {
    color: var(--mb-color7);
}

.show-rating.show-stars .ur-rate {
    padding: 0;
    margin: 0;
}

.show-rating.show-stars .ur-rate > span {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 2px 0 0;
    background: transparent;
    text-align: center;
    color: #ffba00;
}

.show-rating.show-stars .ur-rate > span:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    line-height: 18px;
}

.show-rating.show-stars .ur-rate.ur-gray > span, .show-rating.show-stars .ur-rate.ur-has-cl.ur-gray > span, .show-rating.show-stars .ur-rate.ur-not-hover > span, .show-rating.show-stars .ur-rate.ur-select.ur-not-hover > span, .show-rating.show-stars .ur-rate.ur-not-select > span {
    color: #aaa;
}

!#seller .line-rating .ur-fdb {
    padding: 0;
    margin: 0 10px;
}

!#seller .show-rating.show-stars .ur-rate > span {
    height: 22px;
}

.props.ibox:not(:has(span:not(:empty), div:not(:empty))) {
    display: none;
}

#item-side .line-contact {
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: stretch;
}

#item-side .line-contact .btn, #item-side .line-contact > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 12px;
    gap: 6px;
    margin: 0!important;
    font-weight: 600;
}

#item-side .line-contact .btn.contact {
    height: 48px;
}

#item-side .line-contact .btn svg {
    width: 24px;
    height: 24px;
}

#item-side .line-contact > a strong {
    font-weight: 600;
}

#item-side .line2 {
    display: flex;
    margin: 12px 0;
    gap: 8px;
    color: var(--mb-color6);
    font-size: 14px;
    line-height: 1.2;
    flex-direction: column;
    align-items: flex-start;
}

#item-side .line2 > div {
    display: flex;
    gap: 4px;
    align-items: center;
}

#item-side .line2 > div svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

@media screen and (max-width: 767px) {
    #item .ibox#seller {
        position:relative;
        top: auto;
    }
}

/* ITEM STICKY BOX */
#item-sticky-box {
    position: fixed;
    bottom: 53px;
    box-shadow: 0 1px 0 0 #e4e4e4;
    width: 100%;
    left: 0;
    z-index: 9;
    height: 52px;
    display: flex;
    padding: 8px 16px;
    gap: 8px;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(8px);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

#item-sticky-box::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#item-sticky-box .btn {
    white-space: nowrap;
    height: 36px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    flex: 1 0 auto;
    width: fit-content;
    min-width: fit-content;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

#item-sticky-box .btn span {
    line-height: 14px;
    flex-shrink: 0;
}

#item-sticky-box .btn.btn-primary-outline {
    border-width: 1.5px;
}

#item-sticky-box .btn.contact {
    flex-grow: 2;
}

#item-sticky-box .btn svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

!#item-sticky-box.hidden {
    transform: translateY(-100%);
}

@media screen and (max-width: 420px) {
    #item-sticky-box .btn {
        gap:6px;
    }

    #item-sticky-box .btn svg {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 390px) {
    #item-sticky-box .btn.btn-primary-outline ~ .btn-primary-outline ~ .btn-primary-outline {
        display:none;
    }

    #item-sticky-box .btn.btn-primary-outline svg {
        display: none;
    }
}

/* OTHER ITEM ELEMENTS */
#item .rel-items h2 {
    margin: 0 0 16px 0;
    font-size: 20px;
}

.item-share-box {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.item-share-box .object {
    display: flex;
    gap: 16px;
    border-radius: 8px;
    background: #f5f7fb;
    align-items: center;
}

.item-share-box .object > img {
    border-radius: 8px 0 0 8px;
    width: 130px;
    height: 100px;
    object-fit: cover;
    flex-shrink: 0;
}

.item-share-box .object .data {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    gap: 2px;
    font-size: 13px;
    color: var(--mb-color6);
    flex-grow: 1;
}

.item-share-box .object .data > strong {
    color: var(--mb-color1);
    font-size: 15px;
}

.item-share-box .buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
}

.item-share-box .buttons .btn {
    height: 42px;
    border-radius: 8px;
    border-width: 1.5px;
    justify-content: flex-start;
    font-size: 14px;
    gap: 6px;
}

.item-share-box .buttons .btn i {
    font-size: 20px;
    width: 22px;
    text-align: center;
}

#item .data-box.rel-items {
    padding-bottom: 16px;
}

#item .container:has(> .data-box.rel-items:empty) {
    display: none;
}

#item .container:has(> .data-box.rel-items:not(:has(*))) {
    display: none;
}

#rel-block .simple-prod .simple-wrap {
    margin-bottom: 0;
}

#recent-ads .simple-prod .simple-wrap {
    margin-bottom: 0;
}

#item #rel-block .products, #item #recent-ads .products {
    grid-auto-columns: 180px;
}

/* CONTACT SELLER, ADD NEW COMMENT, SEND TO FRIEND */
#item-forms header, #item-forms footer, #item-forms #breadcrumbs, #item-forms #flashbox, #item-forms #debug-mode, #item-forms #navi-bar, #item-forms section.promo {
    display: none!important;
}

#item-forms {
    padding: 0;
    background: #fff;
}

#item-forms fieldset, #item-forms .middle {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#item-forms .middle {
    max-height: 100%;
    overflow-y: auto;
    padding: 16px 24px 12px 24px;
}

#item-forms .subhead {
    display: none;
}

#item-forms .row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#item-forms .row input, #item-forms .row select, #item-forms .row textarea {
    width: 100%;
}

#item-forms .row input, #item-forms .row select {
    height: 40px;
}

#item-forms .row textarea {
    height: 116px;
}

#item-forms #sendfriend .row textarea {
    height: 96px;
}

#item-forms label {
    margin: 0 0 4px 0;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: var(--mb-color1);
    padding: 0 2px;
}

#item-forms .btn {
    margin-top: 20px;
}

#item-forms .input-box, #item-forms .comment-stars {
    margin-bottom: 16px;
}

#item-forms .comment-stars {
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

#item-forms .input-box.no-margin {
    margin-bottom: 0;
}

#item-forms .content form {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 50px 0px 70px 0px;
    overflow-y: auto;
}

#item-forms .content form .row.buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background: #fff;
    z-index: 3;
    padding: 10px 20px 20px 20px;
}

#item-forms .content form .row.buttons .btn {
    margin: 0;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
}

#item-forms #scroll-to-top {
    display: none!important;
}

#item-forms div.g-recaptcha, #item-forms div[id^="anr_captcha_field_"] {
    margin: 12px 0 0 0;
}

#item-forms br, #item-forms #showcase-button {
    display: none;
}

#item-forms .grecaptcha-badge[data-style="bottomright"] {
    bottom: 84px!important;
    z-index: 9;
}

#item-forms .grecaptcha-badge[data-style="bottomleft"] {
    bottom: 84px!important;
    z-index: 9;
}

#item-forms .cc_banner-wrapper, #item-forms #header-admin, #item-forms #mobile-search {
    display: none!important;
}

#item-card {
    display: flex;
    flex-direction: row;
    margin: 0 0 16px 0;
    border-radius: 8px;
    gap: 0;
    background: #f5f7fb;
    line-height: 1.2;
}

#item-card .img {
    width: 130px;
    flex-shrink: 0;
}

#item-card .img img {
    width: 130px;
    height: 100%;
    min-height: 100px;
    border-radius: 8px 0 0 8px;
    object-fit: cover;
    flex-shrink: 0;
}

#item-card .dsc {
    flex-grow: 1;
    width: 100%;
    font-size: 13px;
    padding: 12px 16px;
    min-height: 80px;
    font-weight: 500;
    gap: 2px;
    color: var(--mb-color6);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#item-card .dsc strong {
    font-size: 15px;
    overflow: hidden;
    color: var(--mb-color1);
}

#item-card.user {
    border-radius: 50px;
}

#item-card.user .dsc {
    justify-content: center;
}

#item-card.user .dsc strong {
    margin-bottom: 1px;
}

#item-card.user .img {
    width: 80px;
    min-width: 80px;
    min-height: 80px;
}

#item-card.user .img img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}

/* LOGIN, REGISTER, CONTACT */
.pre-account section.container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.pre-account.pa-simple section.container {
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.pre-account h1 {
    font-size: 26px;
    font-weight: 800;
}

.pre-account.pa-large h1 {
    font-size: 32px;
    font-weight: 600;
}

.pre-account h2 {
    font-size: 22px;
    font-weight: 800;
}

.pre-account .box .row, .pre-account .user-hook {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 16px 0;
}

.pre-account .box .row.info {
    display: inline-block;
    width: 100%;
    margin: 4px 0 20px 0;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--mb-color4);
}

.pre-account .box .row.info.info-end {
    margin: 24px 0 0 0;
    line-height: 1.4;
}

.pre-account .user-hook:empty {
    display: none;
}

.pre-account .user-hook *:last-child {
    margin-bottom: 0;
}

.pre-account .box label {
    margin: 0 0 5px 0;
}

.pre-account .box-wrap {
    width: 480px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}

.pre-account .box {
    width: 100%;
    border-radius: 16px;
    padding: 32px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.pre-account.pa-large .box-wrap {
    width: 640px;
}

.pre-account.pa-large .box {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.pre-account .box form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.pre-account .box .input-box {
    margin: 0;
    width: 100%;
}

.pre-account .box-text {
    width: calc(100% - 500px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    font-size: 16px
}

.pre-account .box-text .row {
    margin: 6px 0;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 6px;
}

.pre-account .box-text .row:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    font-weight: 900;
    color: var(--mb-color-primary);
    margin: 0;
}

.pre-account .box .btn {
    width: 100%;
    margin: 4px 0 0 0;
}

.pre-account.pa-large .box .btn {
    max-width: 280px;
}

.pre-account .box .alt-action2 {
    text-decoration: underline;
    margin: 8px 0 0 0;
    font-weight: 500;
    font-size: 13.5px;
}

.pre-account .input-box input, .pre-account .input-box select, .pre-account .input-box textarea {
    width: 100%;
}

.pre-account .box .input-box-two .input-box-check {
    margin: 8px 0 16px 0;
}

.pre-account .box .input-box-two .input-box-check label {
    margin: 0;
}

.pre-account .alt-action {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}

.pre-account .alt-action a {
    text-decoration: underline;
}

.pre-account .alt-action a:hover {
    text-decoration: none;
}

.pre-account .box .or {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #7e838d;
    position: relative;
    margin: 16px 0 24px 0;
    align-items: center;
    justify-content: center;
}

.pre-account .box .or span {
    padding: 0 20px;
    background: #fff;
    z-index: 2;
    height: 16px;
    line-height: 16px;
    margin-bottom: -7px;
    color: var(--mb-color1);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    body.pre-account > div.content {
        padding:16px 6px;
    }

    .pre-account .box-text {
        display: none;
    }

    .pre-account section.container {
        padding: 0;
        gap: 0;
    }

    .pre-account .box-wrap {
        width: 100%;
        gap: 24px;
    }

    .pre-account .box {
        width: 100%;
        padding: 24px;
    }

    .pre-account.pa-large .box .btn {
        max-width: 100%;
    }

    .pre-account.pa-large .box-wrap {
        width: 100%;
    }

    .pre-account.pa-large .box {
        width: 100%;
        padding: 16px 8px;
    }
}

/* SOCIAL LOGIN */
.box .social-login {
    margin: 6px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
}

.social-login a {
    text-decoration: none;
    font-weight: 600;
    background: transparent;
    color: var(--mb-color1);
    border: 1.5px solid var(--mb-color2);
    padding: 10px;
    font-size: 16px;
    line-height: 18px;
    height: auto;
    border-radius: 8px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.social-login a i {
    font-size: 20px;
}

.social-login a:hover {
    text-decoration: none;
    box-shadow: var(--mb-input-hover-shadow);
}

.social-login a.facebook:not(.fjl-button) {
    color: #1877F2;
    border-color: #1877F2;
}

/* COMMON ELEMENTS */
/* #error_list {display:flex;margin:0 0 16px 0;flex-direction: column; align-items: stretch;gap:8px;}  */
/* #error_list:empty {display:none;} */
/* #error_list li {padding:8px 10px;margin:0;border-radius:6px;max-width:100%;} */
/* #error_list li label {font-weight:500;} */
ul.hidden {
    display: none;
}

/* FOOTER */
footer {
    color: #404040;
    padding: 46px 0;
    font-size: 15px;
    margin: 32px 0 0 0;
    background: linear-gradient(135deg, #cff1c4, #a8dbe4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-top: 1px solid var(--mb-input-dark-background);
}

footer.compact {
    padding: 32px 0;
}

footer a {
    color: #404040;
}

footer a:hover {
    color: #056d05;
    text-decoration: none;
}

footer h2, footer h3, footer h4, footer h5 {
    color: #404040;
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-weight: 600;
}

footer h4 {
    font-size: 15.5px;
    font-weight: 700;
    margin: 0 0 2px 0;
}

footer .container {
    display: flex;
    flex-direction: column;
}

footer section {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 36px;
}

footer section .col {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

footer section .col.action {
    gap: 24px;
    padding-right: 12px;
}

footer section .col.action .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

footer section .col.action .row label {
    margin: 0;
}

footer section .col.action .row select {
    width: 100%;
}

footer section .col.action .row.social {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}

footer section .social a {
    width: 20px;
    height: 20px;
}

footer section .social a i, footer section .social a svg {
    color: currentColor;
    fill: currentColor;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 1px;
    font-size: 16px;
    text-align: center;
}

footer section.zero {
    margin: 0 0 18px 0;
    padding: 0 0 18px 0;
    border-bottom: 1px solid var(--mb-input-dark-background);
    gap: 12px 24px;
    flex-wrap: wrap;
}

footer section.one {
    margin: 0 0 18px 0;
}

footer section.two {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 12px;
    align-items: center;
}

footer section.three {
    text-align: center;
    justify-content: center;
    font-size: 12.5px;
    margin: 18px 0 0 0;
    padding: 18px 0 0 0;
    border-top: 1px solid var(--mb-input-dark-background);
}

footer.full section.zero {
    display: none;
}

footer.full section .col.action .row.copy {
    display: none;
}

!footer.compact section.two, footer.compact section.three {
    display: none;
}

footer.compact section.three {
    display: none;
}

footer.compact section.one {
    margin: 0;
}

footer.compact section.one .col:not(.action) {
    display: none;
}

footer.compact section .col.action {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0;
    gap: 24px;
    align-items: flex-end;
}

footer.compact section .col.action .row {
    width: auto;
}

footer.compact section .col.action .row.copy {
    margin-left: auto;
}

footer.compact section .col.action .row.social {
    display: none;
}

footer.compact section .col.action .row select {
    width: auto;
}

@media screen and (max-width: 767px) {
    footer {
        border-radius:16px 16px 0 0;
    }

    footer, footer.compact {
        padding: 24px 0 64px 0;
    }

    body#item footer, body#item footer.compact {
        padding-bottom: 126px;
    }

    body#item footer:has(+ #navi-bar.navi-hidden), body#item footer.compact:has(+ #navi-bar.navi-hidden) {
        padding-bottom: 72px;
    }

    footer section.one {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
    }

    footer section .col.action .row select {
        width: 100%;
    }

    footer section .col {
        width: 100%;
    }

    footer section .col.action {
        padding: 0;
    }

    footer section .col.pages {
        order: 1;
    }

    footer section .col.navigation {
        order: 2;
    }

    footer section .col.about {
        order: 3;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        margin: 0;
        padding: 20px 0 0 0;
        border-top: 1px solid var(--mb-input-dark-background);
    }

    footer section .col.about h4 {
        display: none;
    }

    footer section .col.about u {
        font-weight: bold;
        text-decoration: none;
    }

    footer section .col.action {
        order: 5;
    }

    footer section.zero {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        font-size: 13.5px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    footer.compact section .col.action {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    footer.compact section .col.action .row.copy {
        margin: 8px 0 0 0;
        width: 100%;
    }
}

/* FOOTER NAVIGATION BAR */
#navi-bar {
    transform: translateY(0);
    transition: transform .2s ease;
    will-change: transform;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    padding: 0 2px;
    background: rgba(255,255,255,0.9);
    height: 52px;
    backdrop-filter: blur(8px);
}

#navi-bar.navi-hidden {
    transform: translateY(0);
}

#navi-bar > a {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding: 0px 2px 4px 2px;
    text-decoration: none;
    color: var(--mb-color4);
    transition: all 0.15s ease;
}

#navi-bar > a svg, #navi-bar > a img {
    display: block;
    width: 26px;
    height: 26px;
    fill: #fff;
    transition: all 0.15s ease;
    border-radius: 100px;
    object-fit: cover;
}

#navi-bar > a svg {
    padding: 2px;
}

#navi-bar > a.post svg {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: #0a8800;
    padding: 6px;
    margin: 0;
}

#navi-bar > a > span {
    max-width: 100%;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
}

#navi-bar > a.active {
    color: var(--mb-color0);
}

#navi-bar > a.active svg {
    transform: translateY(-1px);
}

#navi-bar > a.active > span {
    font-weight: 600;
}

#navi-bar > a.location.selected {
    color: var(--mb-color-primary);
}

#navi-bar > a .counter {
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: #ff3b30;
}

#navi-bar > a .mark {
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: 6px;
    font-size: 9px;
    color: #00a650;
    background: #fff;
    border-radius: 100px;
    padding: 1px;
}

#navi-bar > a:active {
    transform: scale(0.96);
}

/* FLASH MESSAGES */
#flashbox {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    z-index: 6;
}

#flashbox.container {
    display: block;
    max-width: 100%;
    align-items: stretch;
    flex-direction: column;
    padding: 0 16px;
}

#flashbox:not(:has(.flashmessage)),#flashbox:not(:has(.flashmessage:not([style*="display: none"]):not([style*="display:none"]))),#flashbox.is-empty {
    display: none!important;
    height: 0!important;
    min-height: 0!important;
    overflow: hidden!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    pointer-events: none!important;
    visibility: hidden!important;
}

#flashbox .wrap {
    position: static;
    width: 100%;
}

#flashbox .wrap:not(:has(.flashmessage)),#flashbox .wrap:not(:has(.flashmessage:not([style*="display: none"]):not([style*="display:none"]))) {
    display: none!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
}

#flashbox .wrap2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    align-items: flex-start;
    width: 100%;
}

#flashbox .wrap2:not(:has(.flashmessage)),#flashbox .wrap2:not(:has(.flashmessage:not([style*="display: none"]):not([style*="display:none"]))) {
    display: none!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
}

#flashbox #flash_js:empty {
    display: none;
}

body#home #flashbox.container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

body#home #flashbox .wrap2 {
    align-items: stretch;
}

body#home #flashbox .flashmessage {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    body#home #flashbox .flashmessage:first-child,body#home #flashbox #flash_js + .flashmessage {
        margin-top:24px;
    }
}

#flashbox .flashmessage,.upload-photos .flashmessage,.flashmessage {
    position: relative;
    display: block;
    width: auto;
    min-width: 280px;
    margin: 0;
    padding: 14px 48px 14px 56px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    color: var(--mb-color1);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.85);
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.65);
    overflow: hidden;
}

#flashbox .flashmessage.flashmessage-ok,.flashmessage.flashmessage-ok {
    background: rgba(240,253,244,.88);
    border-color: rgba(34,197,94,.22);
}

#flashbox .flashmessage.flashmessage-error,.flashmessage.flashmessage-error {
    background: rgba(254,242,242,.88);
    border-color: rgba(239,68,68,.22);
}

#flashbox .flashmessage.flashmessage-warning,.flashmessage.flashmessage-warning {
    background: rgba(255,251,235,.88);
    border-color: rgba(245,158,11,.22);
}

#flashbox .flashmessage.flashmessage-info,.flashmessage.flashmessage-info {
    background: rgba(239,246,255,.88);
    border-color: rgba(59,130,246,.22);
}

#flashbox .flashmessage a,.upload-photos .flashmessage a,.flashmessage a {
    color: var(--mb-color-primary);
    text-decoration: underline;
}

#flashbox .flashmessage a:hover,.upload-photos .flashmessage a:hover,.flashmessage a:hover {
    text-decoration: none;
}

.flashmessage.flashmessage-inline {
    padding: 14px 16px;
}

.flashmessage.flashmessage-inline:before {
    display: none;
}

#flashbox .flashmessage:before,.flashmessage.flashmessage-ok:before,.flashmessage.flashmessage-error:before,.flashmessage.flashmessage-warning:before,.flashmessage.flashmessage-info:before {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    z-index: 2;
}

#flashbox .flashmessage.flashmessage-ok:before,.flashmessage.flashmessage-ok:before {
    content: "\f00c";
    color: #16a34a;
    background: rgba(34,197,94,.18);
}

#flashbox .flashmessage.flashmessage-error:before,.flashmessage.flashmessage-error:before {
    content: "\f00d";
    color: #dc2626;
    background: rgba(239,68,68,.18);
}

#flashbox .flashmessage.flashmessage-warning:before,.flashmessage.flashmessage-warning:before {
    content: "\f071";
    color: #d97706;
    background: rgba(245,158,11,.18);
}

#flashbox .flashmessage.flashmessage-info:before,.flashmessage.flashmessage-info:before {
    content: "\f129";
    color: #2563eb;
    background: rgba(59,130,246,.18);
}

@media screen and (max-width: 767px) {
    #flashbox:not(:has(.flashmessage)),#flashbox:not(:has(.flashmessage:not([style*="display: none"]):not([style*="display:none"]))),#flashbox.is-empty {
        display:none!important;
    }

    #flashbox {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        pointer-events: none;
        width: auto;
        padding: 0;
    }

    #flashbox.container {
        padding: 0;
    }

    #flashbox .wrap {
        position: static;
        pointer-events: auto;
    }

    #flashbox .wrap2 {
        width: 100%;
        max-width: 100%;
        padding: 0 12px 68px 12px;
        align-items: center;
    }

    body:has(#navi-bar.navi-hidden) #flashbox .wrap2, body:not(:has(#navi-bar)) #flashbox .wrap2 {
        padding-bottom: 16px;
    }

    #flashbox .flashmessage {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    body#home #flashbox .flashmessage {
        max-width: 100%;
    }
}

.upload-photos .flashmessage {
    margin: 16px 0 0 0;
}

/* USER ACCOUNT */
body.body-ua > div.content {
    max-width: 1200px;
}

body.body-ua .container.primary, body.body-ua > .content > .container {
    max-width: unset;
    gap: 20px;
    align-items: stretch;
}

body.body-ua .ubox, #user-menu, #user-main {
    position: relative;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#user-menu {
    width: 260px;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    line-height: 1.2;
}

#user-menu .section, #user-menu .section-top {
    padding: 24px 0;
    border-bottom: 1px solid #dce0e5;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
}

#user-menu .section:last-child {
    border-bottom: none;
    padding-bottom: 8px;
}

#user-menu .section-top {
    padding-top: 0;
}

#user-menu .section.general {
    padding-top: 16px;
}

#user-menu .user-lead {
    width: 100%;
    display: flex;
    gap: 12px;
    padding: 0 10px;
    align-items: center;
}

#user-menu .user-lead .user-img-wrap {
    width: 48px;
    height: 48px;
}

#user-menu .user-lead .user-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
    background: #e0e0e0;
}

#user-menu .user-lead .user-data-wrap {
    display: flex;
    flex-grow: 1;
    gap: 2px;
    flex-direction: column;
    align-items: flex-start;
}

#user-menu .user-lead .user-data-wrap strong {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -0.2px;
}

#user-menu .user-lead .user-data-wrap > a {
    font-size: 13px;
    font-weight: 500;
    color: var(--mb-color7);
    display: flex;
    align-items: center;
    gap: 4px;
}

#user-menu .user-lead .user-data-wrap > a svg {
    height: 14px;
    width: auto;
    fill: var(--mb-color7);
}

#user-menu .user-lead .user-data-wrap > a:hover, #user-menu .user-lead .user-data-wrap > a:hover svg {
    color: var(--mb-color-primary);
    fill: var(--mb-color-primary);
    text-decoration: none;
}

#user-menu .section a {
    font-size: 15px;
    font-weight: 600;
    color: var(--mb-color2);
    padding: 10px;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 8px;
    line-height: 20px;
}

#user-menu .section a:hover, #user-menu .section a.active {
    background: #edf1f7;
    color: var(--mb-color0);
    text-decoration: none;
}

#user-menu .section a svg, #user-menu .section a i {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    width: 22px;
    min-width: 22px;
    ;height: 22px;
    color: var(--mb-color5);
    fill: var(--mb-color5);
    margin: -1px 0;
}

#user-menu .section a .counter {
    position: absolute;
    right: 8px;
    top: 10px;
    min-width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 16px;
    padding: 2px 3px;
    text-align: center;
    border-radius: 10px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
    font-weight: 600;
}

#user-menu .section a:has(> .counter) {
    padding-right: 32px;
}

#user-menu .section .head {
    font-size: 12px;
    font-weight: 700;
    color: var(--mb-color6);
    margin: 0 0 8px 0;
    padding: 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

#user-menu li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

#user-menu li .fa-star:before {
    font-weight: 500;
}

#user-main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 36px;
}

#user-main h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 16px 0;
    line-height: 1.2;
}

#user-main h2 {
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.3;
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-size: 20px;
}

#user-main h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

#user-main h4 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    !body {
        padding-bottom:56px;
    }

    body.body-ua > div.content {
        padding: 0;
    }

    body.body-ua .container.primary, body.body-ua > .content > .container {
        padding: 16px 6px;
    }

    #user-menu {
        display: none;
    }

    #user-main {
        padding: 16px;
    }

    #user-main h1 {
        font-size: 24px;
    }

    #user-main h2 {
        font-size: 18px;
    }
}

/* USER DASHBOARD */
#user-main .dash {
    width: 100%;
    margin: 0 0 36px 0;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

#user-main .dash:last-child {
    margin-bottom: 0;
}

#user-main .dash > a {
    border: 1px solid #d5dae1;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 6px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 200px;
}

#user-main .dash > a:hover {
    background: #f5f7fb;
    text-decoration: none;
}

#user-main .dash > a .header {
    font-size: 18px;
    color: var(--mb-color2);
    font-weight: 600;
}

#user-main .dash > a .description {
    font-size: 14px;
    color: var(--mb-color6);
    font-weight: 500;
    margin: 0 0 32px 0;
    line-height: 1.35;
}

#user-main .dash > a .icon {
    margin-top: auto;
    position: relative;
    width: 32px;
    height: 32px;
}

#user-main .dash > a .icon i, #user-main .dash > a .icon svg {
    fill: var(--mb-color-primary);
    color: var(--mb-color-primary);
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

#user-main .dash > a .icon .count {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
    font-size: 13px;
    line-height: 16px;
    padding: 2px 4px;
    text-align: center;
    font-weight: 500;
}

@media screen and (max-width: 540px) {
    #user-main .dash {
        grid-template-columns:1fr;
        gap: 12px;
        margin: 0 0 24px 0;
    }

    #user-main .dash > a {
        padding: 16px;
        min-height: unset;
    }

    #user-main .dash > a .description {
        margin-bottom: 12px;
    }
}

/* USER PROFILE */
#user-main .pbox {
    border: 1px solid #d5dae1;
    border-radius: 12px;
    padding: 0;
    margin: 0 0 8px 0;
    display: inline-block;
    width: 100%;
}

#user-main .pbox.profile-img {
    margin-bottom: 24px;
}

#user-main .pbox label {
    padding: 0 4px;
}

#user-main .pbox > .row {
    padding: 16px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d5dae1;
}

#user-main .pbox > .row:has(+ .hooksrow:empty) {
    border-bottom: none;
}

#user-main .pbox > .row.no-bottom-border, #user-main .pbox > .row:last-child {
    border-bottom: none;
}

#user-main .pbox > .row.left-border {
    border-left: 1px solid #d5dae1;
}

#user-main .pbox > .row.right-border {
    border-right: 1px solid #d5dae1;
}

#user-main .pbox > .row.no-right-padding {
    padding-right: 0;
}

#user-main .pbox > .row.no-bottom-padding {
    padding-bottom: 0;
}

#user-main .pbox > .row.clear {
    clear: both;
}

#user-main .pbox > .row.r20 {
    width: 20%;
}

#user-main .pbox > .row.r30 {
    width: 30%;
}

#user-main .pbox > .row.r33 {
    width: 33.33%;
}

#user-main .pbox > .row.r40 {
    width: 40%;
}

#user-main .pbox > .row.r50 {
    width: 50%;
}

#user-main .pbox > .row.r60 {
    width: 60%;
}

#user-main .pbox > .row.r66 {
    width: 66.66%;
}

#user-main .pbox > .row.r70 {
    width: 70%;
}

#user-main .pbox > .row.r80 {
    width: 80%;
}

#user-main .pbox select[name="b_company"] {
    max-width: 50%;
}

#user-main .pbox.profile-img > .controls {
    display: flex;
    margin: 0;
    gap: 12px;
    align-items: center;
}

#user-main .pbox.profile-img .user-img {
    margin: 0;
}

#user-main .pbox.profile-img .img-preview {
    max-width: 64px;
    max-height: 64px;
    object-fit: cover;
    background: #e0e0e0;
    border-radius: 100px;
    overflow: hidden;
}

#user-main .pbox.profile-img .user-data {
    display: flex;
    gap: 2px;
    flex-direction: column;
}

#user-main .pbox.profile-img .user-data > strong {
    font-size: 15px;
}

#user-main .pbox.profile-img .user-data > span {
    font-size: 13px;
    color: var(--mb-color7);
}

#user-main .pbox.profile-img .user-img-button {
    display: flex;
    gap: 6px;
    flex-direction: row;
    margin-left: auto;
}

#user-main .pbox.profile-img .user-img-button .btn {
    height: auto;
    line-height: 1.1;
    padding: 9px 14px;
    border-radius: 16px;
    font-size: 13px;
}

#user-main .pbox.profile-img .user-img-button .btn.btn-secondary {
    font-weight: 600;
    background: #e0e0e0;
}

@media screen and (max-width: 540px) {
    #user-main .pbox.profile-img .user-img-button {
        gap:2px;
        flex-direction: column;
    }

    #user-main .pbox select[name="b_company"] {
        max-width: 100%;
    }

    #user-main .pbox > .row.no-right-padding {
        padding-right: 16px;
    }
}

#user-main .pbox .input-box {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

#user-main .pbox .input-box .edit-btn {
    height: 44px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
}

#user-main .pbox .input-box input[type="text"], #user-main .pbox .input-box input[type="email"], #user-main .pbox .input-box input[type="password"], #user-main .pbox .input-box input[type="url"], #user-main .pbox .input-box select {
    width: 100%;
}

#user-main .row.buttons {
    margin: 0 0 16px 0;
    display: flex;
    justify-content: flex-end;
    gap: 12px
}

#user-main .row.buttons .btn {
    height: 40px;
    border-radius: 100px;
    padding-left: 24px;
    padding-right: 24px;
}

#user-main .row.buttons .btn.btn-primary {
    min-width: 140px;
    height: 40px;
    border-radius: 100px;
}

#user-main .pbox.delete > .row {
    display: flex;
    margin: 0;
    gap: 12px;
    align-items: center;
}

#user-main .pbox.delete img.user-preview-img {
    max-width: 48px;
    max-height: 48px;
    object-fit: cover;
    background: #e0e0e0;
    border-radius: 100px;
    overflow: hidden;
}

#user-main .pbox.delete .user-data {
    display: flex;
    gap: 1px;
    flex-direction: column;
}

#user-main .pbox.delete .user-data > strong {
    font-size: 15px;
}

#user-main .pbox.delete .user-data > span {
    font-size: 13px;
    color: var(--mb-color5);
}

#user-main .pbox.delete a.btn-remove-account {
    height: 46px;
    margin-left: auto;
}

#user-main .pbox .tabberlive .tabbertab, #user-main .pbox .tabberlive {
    margin-bottom: 0;
    padding-bottom: 0;
}

#user-main .pbox textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 120px;
    min-height: 60px;
    max-height: 240px;
}

#user-main .pbox .available:empty {
    display: none;
}

#user-main .empty {
    background: #f5f7fb;
    text-align: center;
    border-radius: 12px;
    margin: 6px 0;
    padding: 64px 24px;
    border: 1px dashed #d5dae1;
    color: #5d616d;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    gap: 12px;
}

#user-main .empty h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

#user-main .empty svg {
    height: 64px;
    width: auto;
    fill: currentColor;
    margin: 0 0 12px 0;
}

#user-main .empty p {
    margin: 0;
    font-size: 15px;
}

#user-main .empty .btn {
    border-radius: 100px;
    height: 40px;
    margin: 12px 0 0 0;
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 767px) {
    #user-main .pbox .input-box input[type="text"], #user-main .pbox .input-box input[type="email"], #user-main .pbox .input-box input[type="password"], #user-main .pbox .input-box input[type="url"], #user-main .pbox .input-box select {
        height:40px;
        font-size: 15px;
    }

    #user-main .pbox .input-box .edit-btn {
        height: 36px;
        border-width: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #user-main .row.buttons .btn.btn-primary {
        width: 100%;
        margin-bottom: 8px;
    }

    #user-main .pbox textarea {
        font-size: 15px;
    }

    #user-main .pbox.delete a.btn-remove-account {
        height: 40px;
        font-size: 15px;
    }

    #user-main .pbox > .row.r50 {
        width: 100%;
    }

    #user-main .pbox > .row.reg {
        border-bottom: none;
        padding-right: 16px;
    }

    #user-main .pbox > .row.city {
        padding-top: 0;
        border-top: none;
    }
}

/* USER ALERTS */
#user-main.alerts .alerts-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 24px
}

.alerts-box .alert {
    padding: 0;
    margin: 0 0 24px 0;
}

.alerts-box .head-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #d5dae1;
    margin: 0 0 10px 0;
}

.alerts-box .head-row .data {
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.alerts-box .head-row .data .alert-name {
    font-size: 17px;
    letter-spacing: -0.3px;
    color: var(--mb-color1);
}

.alerts-box .head-row .data .alert-desc {
    font-size: 14px;
    color: var(--mb-color7);
    font-weight: 500;
}

.alerts-box .head-row .alert-elems {
    display: flex;
    gap: 6px;
    margin: 2px 0 0 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.alerts-box .head-row .alert-elems .alert-elem {
    padding: 8px 12px;
    gap: 4px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #e6eaf1;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.alerts-box .alert-frequency-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 4px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid #d5dae1;
    justify-content: space-between;
}

.alerts-box .alert-expiration-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 2px 0 0 0;
    justify-content: space-between;
}

.alerts-box .buttons {
    display: flex;
    margin: 0;
    gap: 12px;
    justify-content: flex-end;
}

.alerts-box .buttons > a {
    border-radius: 100px;
    display: flex;
    gap: 6px;
    align-items: center;
    height: 40px;
}

.alerts-box .buttons > a.btn-primary {
    min-width: 180px;
}

.alerts-box .buttons > a.btn-del {
    margin-right: auto;
}

.alerts-box .details {
    display: none;
    margin: 12px 0 0 0;
}

.alerts-box .details .items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.alerts-box .details .items #alert-items {
    padding: 16px;
    background: #f4f4f4;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.1);
}

.alerts-box .details .buttons2 {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0 0 0;
}

.alerts-box .btn.show-all {
    height: 40px;
    border-radius: 100px;
    width: auto;
}

@media screen and (max-width: 767px) {
    .alerts-box .buttons {
        gap:8px;
    }

    .alerts-box .buttons > a {
        font-size: 15px;
    }

    .alerts-box .buttons > a.btn-primary {
        min-width: unset;
    }

    .alerts-box .buttons > a.btn-del span, .alerts-box .buttons > a.show-details span {
        display: none;
    }

    .alerts-box .btn.show-all {
        width: 100%;
        font-size: 15px;
    }

    .alerts-box .alert-frequency-box {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }

    .alerts-box .head-row {
        padding: 16px;
    }
}

/* ALERTS FREQUENCY */
.alert-frequency {
    display: flex;
    float: left;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
}

!.alerts-box .head-row .data div.alert-frequency {
    margin-top: 8px;
}

.alert-frequency > a {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 -1px 0 0;
    border: 1px solid #ccc;
    background: #fff;
}

.alert-frequency > a:first-child {
    border-radius: 4px 0 0 4px;
}

.alert-frequency > a:last-child {
    border-radius: 0 4px 4px 0;
}

.alert-frequency > a.active {
    background: #f0f0f0;
    font-weight: 600;
}

.alert-frequency > a:hover {
    text-decoration: none;
    background: #f0f0f0;
}

/* USER ITEMS SEARCH */
form[name="user-items-search"] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 12px 0 14px 0;
    width: 100%;
    gap: 8px;
}

form[name="user-items-search"] .control-group {
    width: fit-content;
    padding: 0;
}

form[name="user-items-search"] .control-group label {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 4px 0;
}

form[name="user-items-search"] .control-group .controls {
    float: left;
    width: 100%;
    margin: 0;
}

form[name="user-items-search"] .control-group .controls input, form[name="user-items-search"] .control-group .controls select {
    font-size: 14px;
    float: left;
    width: 100%;
    height: 36px;
    margin: 0;
    max-width: 100%;
    min-width: unset;
}

form[name="user-items-search"] .actions {
    width: fit-content;
    padding: 0;
}

form[name="user-items-search"] .actions button {
    white-space: nowrap;
    height: 36px;
}

@media screen and (max-width: 540px) {
    form[name="user-items-search"] {
        flex-wrap: wrap;
        margin-top: 0;
        gap: 8px;
        flex-direction: column;
    }

    form[name="user-items-search"] .control-group {
        width: 100%;
    }

    form[name="user-items-search"] .actions {
        margin-top: 4px;
        width: 100%;
    }

    form[name="user-items-search"] .actions button {
        width: 100%;
    }
}

/* USER PUBLIC PROFILE SEARCH */
form[name="user-public-profile-search"] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 12px 0 4px 0;
    width: 100%;
}

form[name="user-public-profile-search"] .control-group {
    width: fit-content;
    padding: 0 12px 6px 0;
}

form[name="user-public-profile-search"] .control-group label {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 2px 0;
}

form[name="user-public-profile-search"] .control-group .controls {
    float: left;
    width: 100%;
    margin: 0;
}

form[name="user-public-profile-search"] .control-group .controls input, form[name="user-public-profile-search"] .control-group .controls select {
    float: left;
    width: 100%;
    margin: 0;
    max-width: 100%;
    min-width: unset;
}

form[name="user-public-profile-search"] .actions {
    width: fit-content;
    padding: 0 0 6px 0;
}

form[name="user-public-profile-search"] .actions button {
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    form[name="user-public-profile-search"] {
        flex-wrap:nowrap;
    }

    form[name="user-public-profile-search"] .control-group.control-category {
        flex-grow: 1;
    }

    form[name="user-public-profile-search"] .control-group.control-view {
        flex-shrink: 0;
    }
}

/* USER ITEMS */
.items-box {
    display: flex;
    width: 100%;
    gap: 0px;
    flex-direction: column;
    align-items: stretch;
}

.items-box .item {
    padding: 24px 0;
    border-top: 1px solid #d5dae1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    line-height: 1.2;
}

.items-box .item > a.image {
    width: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.items-box .item > a.image img {
    transition: 0.1s;
    width: 100%;
    height: 100%;
    aspect-ratio: 5/4;
    border-radius: 12px;
    object-fit: cover;
}

.items-box .item > a.image:hover img {
    transform: scale(1.04);
}

.items-box .item > a.image .tool {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: rgb(255, 255, 255);
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    border-radius: 0px 0px 12px 12px;
    padding: 6px 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent);
}

.items-box .item > a.image .tool .cim {
    display: flex;
    align-items: center;
    gap: 2px;
}

.items-box .item > a.image .premium-label {
    z-index: 2;
    position: absolute;
    left: 6px;
    top: 9px;
    color: var(--mb-color-secondary-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    height: 24px;
    box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(0, 0, 0, 0.15) 0px -1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    border-radius: 100px;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--mb-color-secondary) 85%, #fff) 0%, var(--mb-color-secondary) 55%, color-mix(in srgb, var(--mb-color-secondary) 85%, #000) 100%);
    gap: 3px;
}

.items-box .item .body {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex: 1;
    gap: 12px;
    padding: 8px 0;
}

.items-box .item a.title {
    font-size: 16px;
    color: var(--mb-color1);
    font-weight: 600;
}

.items-box .item .top {
    font-size: 13px;
    color: var(--mb-color8);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}

.items-box .item .top > span {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: -2px 0;
}

.items-box .item .top > span:after {
    content: "\2022";
    font-size: 10px;
}

.items-box .item .top > span:last-child:after {
    display: none;
}

.items-box .item .price {
    font-size: 18px;
    color: var(--mb-color-primary);
    font-weight: bold;
}

.items-box .item .buttons {
    font-size: 13.5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px;
    margin: auto 0 0 0;
}

.items-box .item .buttons > a {
    background: #fff;
    font-weight: 500;
    display: flex;
    gap: 4px;
    border-radius: 100px;
    border: 1.5px solid var(--mb-color-primary);
    color: var(--mb-color-primary);
    padding: 4px 10px;
    line-height: 1.2;
}

.items-box .item .buttons > a:hover {
    border-color: var(--mb-color-primary-hover);
    color: var(--mb-color-primary-hover);
    background: #fff;
    box-shadow: var(--mb-input-hover-shadow);
    text-decoration: none;
}

.items-box .item .buttons > a {
    font-size: 13px;
}

.items-box .item .buttons > a.delete {
    border-color: #c00000;
    color: #c00000;
}

.items-box .item .props {
    display: flex;
    gap: 4px;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.items-box .item .props:not(:has(*)) {
    display: none;
}

.items-box .item .props .label {
    padding: 4px 8px;
    border-radius: 6px;
    background: #e4e4e4;
    color: rgba(0, 0, 0, 0.85);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.items-box .item .props .label.sold {
    font-weight: bold;
}

.items-box .item .props .label.inactive {
    background: #fff;
}

.items-box .item .props .label.expired {
    background: #ffd5d5;
}

@media screen and (max-width: 767px) {
    .items-box .item {
        align-items: flex-start;
    }

    .items-box .item > a.image {
        width: 130px;
        aspect-ratio: 1/1;
    }

    .items-box .item > a.image .tool {
        letter-spacing: -0.4px;
        font-weight: 500;
    }
}

/* PUBLIC PROFILE */
body#public .public-side-banner:not(:has(*)) {
    display: none;
}

#public-main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

#public-main .box {
    position: relative;
    gap: 16px;
    width: 100%;
    border-radius: 16px;
    padding: 0;
    background: #fff;
    box-shadow: var(--mb-shadow);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#public-main .user-public-profile-search-form {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    gap: 0;
    align-items: stretch;
}

#public-main .user-public-profile-search-form .actions {
    padding: 4px 12px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

#public-main .user-public-profile-search-form .actions .btn {
    border-radius: 100px;
    height: 40px;
}

#public-main .user-public-profile-search-form .control-group {
    padding: 4px;
    border-right: 1px solid #e0e0e0;
}

#public-main .user-public-profile-search-form .control-group.control-first {
    flex: 1;
}

#public-main .user-public-profile-search-form .control-group:last-child {
    border-right: none;
}

#public-main .user-public-profile-search-form .control-group > a {
    height: 44px;
    display: flex;
    gap: 6px;
    align-items: center;
    font-weight: 500;
    border-radius: 100px;
    color: var(--mb-color1);
    padding: 0 16px;
    line-height: 1.2;
}

#public-main .user-public-profile-search-form .control-group > a > svg {
    fill: currentColor;
    width: auto;
    height: 16px;
}

#public-main .user-public-profile-search-form .control-group > a:hover {
    background: #e8e8e8;
    text-decoration: none;
}

#public-main .user-public-profile-search-form .control-group.control-view > a {
    white-space: nowrap;
}

#public-main .user-public-profile-search-form .control-group.control-view > a.active {
    display: none;
}

#public-main .user-public-profile-search-form .control-group label {
    display: none;
}

#public-main .user-public-profile-search-form .control-group .controls select, #public-main .user-public-profile-search-form .control-group .controls input {
    text-overflow: ellipsis;
    border-radius: 100px;
    outline: none!important;
    cursor: pointer;
    width: auto;
    width: 100%;
    min-width: 120px;
    color: var(--mb-color1);
    font-weight: 500;
    height: 44px;
    border: none;
}

#public-main .user-public-profile-search-form .control-group .controls select {
    max-width: 220px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='currentColor' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 14px center / 10px 6px no-repeat, var(--mb-select-background, #fff);
    --mb-select-background: #fff;
}

#public-main .user-public-profile-search-form .control-group .controls input {
    cursor: auto;
    padding: 0 16px;
}

#public-main .user-public-profile-search-form .control-group .controls select:hover, #public-main .user-public-profile-search-form .control-group .controls input:hover, #public-main .user-public-profile-search-form .control-group .controls select:active, #public-main .user-public-profile-search-form .control-group .controls input:active, #public-main .user-public-profile-search-form .control-group .controls select:focus, #public-main .user-public-profile-search-form .control-group .controls input:focus {
    box-shadow: none;
    background-color: #e8e8e8;
    --mb-select-background: #e8e8e8;
}

#public-main .products {
    padding: 0 16px;
}

#public-main .paginate {
    margin: 0 0 4px 0;
    padding: 16px;
    border-top: 1px solid #ddd;
}

#public-main .box#about {
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

#public-main #about .img-wrap {
    width: 140px;
    display: flex;
    flex-direction: column;
}

#public-main #about .img-wrap img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 200px;
}

#public-main #about .wrap {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

#public-main #about .wrap h1 {
    font-size: 26px;
    font-weight: bold;
    color: var(--mb-color1);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

#public-main #about .wrap h1 .business {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    padding: 3px 8px;
    font-size: 14px;
    font-weight: bold;
    color: var(--mb-color1);
    border-radius: 6px;
    background: #ff8f67;
    font-style: italic;
    text-transform: uppercase;
}

#public-main #about .line1 {
    font-size: 15px;
    color: var(--mb-color5);
    line-height: 1.2;
    display: flex;
    gap: 8px 16px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    line-height: 20px;
}

#public-main #about .line1 > .elem {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 6px;
}

#public-main #about .line1 > .elem:after {
    content: "\2022";
    margin-left: 8px;
}

#public-main #about .line1 > .elem:last-child:after {
    display: none;
}

#public-main #about .line1 > .elem .onoff {
    width: 14px;
    height: 14px;
    border-radius: 100px;
    background: var(--mb-color7);
}

#public-main #about .line1 > .elem .onoff.online {
    background: #0ed000;
}

#public-main #about .line2 {
    font-size: 15px;
    color: var(--mb-color5);
    line-height: 1.2;
    display: flex;
    gap: 8px 20px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    line-height: 20px;
}

#public-main #about .line2 > .elem {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 6px;
}

#public-main #about .line2 > .elem > svg {
    fill: var(--mb-color3);
    width: auto;
    height: 24px;
}

#public-main #about .line2 > .elem.rating strong {
    font-size: 20px;
    font-weight: 700;
    color: var(--mb-color1);
    line-height: 20px;
}

#public-main #about .line2 > .elem.rating i {
    color: #ffba00;
    font-size: 18px;
    line-height: 20px;
}

#public-main #about .line2 > .elem.location {
    gap: 2px;
}

#public-main #about .buttons {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    line-height: 20px;
}

#public-main #about .buttons > a.btn {
    border-radius: 100px;
    height: 38px;
    font-size: 14px;
}

#public-main .box#about-text {
    padding: 24px;
    gap: 10px
}

#public-main .box#about-text h2 {
    font-size: 18px;
    margin: 0;
}

#public-main .box#about-text .about-note {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 6px 0;
    white-space: pre-wrap;
}

#public-main .empty-wrap {
    width: 100%;
    display: block;
    padding: 6px 24px 20px 24px;
}

#public-main .empty {
    background: #f5f7fb;
    text-align: center;
    border-radius: 12px;
    margin: 6px 0;
    padding: 64px 24px;
    border: 1px dashed #d5dae1;
    color: #5d616d;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    gap: 12px;
}

body#public .container.primary {
    gap: 16px;
}

@media screen and (max-width: 767px) {
    body#public .container.primary {
        padding:0 6px;
    }

    #public-main .box, #public-main .box#about-text {
        padding: 16px;
    }

    #public-main .products {
        padding: 0;
    }

    #public-main .banner-public_profile_top, #public-main .banner-public_profile_middle, #public-main .banner-public_profile_bottom {
        padding: 0;
    }

    #public-main .box#about {
        gap: 12px;
        padding: 16px;
        flex-direction: column;
    }

    #public-main #about .img-wrap {
        width: 96px;
    }

    #public-main #about .wrap h1 {
        font-size: 22px;
    }

    #public-main #about .line1, #public-main #about .line2 {
        font-size: 14px;
        gap: 6px 12px;
    }

    #public-main #about .line1 > .elem:after {
        margin-left: 4px;
    }

    #public-main .user-public-profile-search-form .control-group {
        Xborder-right: none;
        padding: 0;
    }

    #public-main .user-public-profile-search-form .control-group.control-pattern, #public-main .user-public-profile-search-form .control-group.control-city {
        display: none;
    }

    #public-main .user-public-profile-search-form .control-group .controls select {
        max-width: 100%;
    }
}

/* SIMPLE SELECT */
.simple-select {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    font-size: 14px;
}

.simple-list {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    font-size: 14px;
}

.simple-select.input-box {
    margin: 0;
}

.simple-list.input-box {
    margin: 0;
}

.simple-select .text, .ssfrm a.open-category-box {
    transition: 0.2s;
    cursor: pointer;
    float: left;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 10px 30px 10px 12px;
    font-size: 15px;
    line-height: 18px;
    border: var(--mb-input-border, 1px solid #7e838d);
    box-shadow: none;
    outline: none;
    backface-visibility: hidden;
    border-radius: var(--mb-input-border-radius, 8px);
}

.simple-select .text, .ssfrm a.open-category-box {
    background: linear-gradient(var(--mb-select-border-color), var(--mb-select-border-color)) right 40px top / 1px 100% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='currentColor' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 14px center / 10px 6px no-repeat, var(--mb-select-background);
}

.ssfrm a.open-category-box {
    font-weight: normal;
    height: 40px;
    display: block;
    text-align: left;
}

.simple-select:hover .text, .ssfrm a.open-category-box:hover {
    border-color: var(--mb-input-hover-border-color, #42454f);
    box-shadow: var(--mb-input-hover-shadow);
}

.simple-select .text i:not(.help) {
    float: right;
    font-size: 16px;
    color: #444;
    position: relative;
    top: auto;
    left: auto;
    line-height: 18px;
    width: auto;
}

!.simple-select:hover .text, .simple-select.opened .text {
    border-bottom-color: #646464;
    background: #ececec;
}

.simple-select.opened {
    z-index: 5;
}

.simple-select.opened .text i:not(.help):after {
    content: "\f106";
}

.simple-select .text .caret {
    position: absolute;
    width: 16px;
    height: 16px;
    fill: var(--mb-color5);
    right: 8px;
    top: calc(50% - 8px);
    transition: 0.2s;
}

.ssfrm .simple-select .text .caret {
    display: none;
}

.simple-select.opened .text .caret {
    transform: scaleY(-1);
}

.simple-select .list {
    backface-visibility: hidden;
    display: none;
    max-height: 360px;
    margin-top: 4px;
    overflow-y: auto!important;
    z-index: 3;
    position: absolute;
    width: 100%;
    top: 32px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    padding: 0px;
    border-radius: 8px;
}

.simple-select .option, .simple-list .link-check-box > a {
    cursor: pointer;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 36px 10px 12px;
    line-height: 16px;
    color: var(--mb-color2, #2c2c2c);
}

.simple-select .option {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
}

.simple-list .link-check-box > a {
    padding: 12px 30px 12px 6px;
    border-bottom: 1px solid #eee;
    border-radius: 0;
}

!.simple-list .link-check-box > a:last-child {
    border-bottom: none;
}

.simple-list .link-check-box > a:hover {
    background: #f0f0f0;
}

.simple-select .option:hover, .simple-list .link-check-box > a:hover {
    text-decoration: none;
}

.simple-select .option:after, .simple-list .link-check-box > a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border: 1.5px solid var(--mb-color9);
    background: transparent;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
}

.simple-list .link-check-box > a:after {
    right: 6px;
    top: calc(50% - 10px);
    border-radius: 6px;
}

.simple-select .option.selected:after, .simple-list .link-check-box > a.active:after {
    background: var(--mb-color-secondary);
    border-color: rgba(0,0,0,0.25);
    color: var(--mb-color-secondary-text);
    content: "\2713";
}

.simple-select .option:hover:after, .simple-list .link-check-box > a:hover:after {
    border-color: rgba(0,0,0,0.65);
    content: "\2713";
    background: var(--mb-color-secondary-light);
}

.simple-select .option.info, .simple-select .option.nonclickable {
    padding-left: 10px;
    padding-right: 10px;
}

.simple-select .option.info:after, .simple-select .option.nonclickable:after {
    display: none;
}

.simple-select .option.bold {
    font-weight: 600;
    color: var(--mb-color2, #2c2c2c);
}

.simple-select .option.sub1 {
    border-left: 4px solid transparent;
}

.simple-select .option.sub2 {
    border-left: 8px solid transparent;
    font-size: 13px;
    line-height: 15px;
}

.simple-select .option.sub3 {
    border-left: 12px solid transparent;
    font-size: 13px;
    line-height: 15px;
}

.simple-select .option.sub1:before, .simple-select .option.sub2:before, .simple-select .option.sub3:before {
    content: "\f0da";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #888;
    font-size: 12px;
}

.simple-select:not(.level0):not(.with-parent) .option.root {
    font-weight: bold;
}

.simple-select .option.nonclickable {
    background: rgba(0,0,0,0.05);
    cursor: default;
}

.simple-select .option:not(.info):not(.nonclickable):hover {
    background: #eeedee;
    color: var(--mb-color0);
}

.simple-select:not(.simple-cat) .option.selected {
    font-weight: 700;
    color: var(--mb-color0);
}

.simple-select.simple-cat .option.selected {
    color: var(--mb-color0);
}

.simple-select .list.inputs input {
    max-width: 100%;
    width: 100%;
}

.simple-select .list.inputs .sinfo {
    display: flex;
    width: 100%;
    padding: 12px 10px 0 10px;
    font-size: 14px;
    color: var(--mb-color3);
}

.simple-select .list.inputs .swrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 10px 10px;
}

.simple-select .list.inputs .swrap .del2 {
    margin: 0px 12px 0 6px;
    padding: 4px 0;
    width: 1px;
    display: flex;
    line-height: 28px;
    height: 40px;
    color: var(--mb-color7);
}

.simple-select .list.inputs.between .swrap input[type="number"] {
    min-width: 80px;
    width: 45%;
}

.simple-select .list.inputs.between .swrap .del {
    width: 10%;
    color: #999;
    line-height: 40px;
    text-align: center;
}

.simple-select.simple-pattern .list .input-box {
    margin: 0;
}

.simple-select .list.inputs.spec .swrap {
    padding: 0;
}

.simple-select .list.inputs.spec .swrap .picker > input[type="text"] {
    margin: 10px;
    width: calc(100% - 20px);
}

.simple-select .list.inputs.spec .swrap .picker .icon {
    margin-left: 10px;
}

.simple-select .list.inputs.spec .swrap .picker .clean {
    margin-right: 10px;
}

.simple-select .list.inputs.spec .swrap .picker.location.loading:after {
    margin-right: 5px;
    background-color: #fff;
}

/* LOCATION, CATEGORY & PATTERN PICKER */
.picker {
    z-index: 2;
}

.picker.location {
    position: relative;
}

.picker.location .results, .picker.pattern .results, .picker.category .results, .simple-select .list {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    width: 100%;
    padding: 5px 0;
    max-height: 320px;
    overflow-y: auto!important;
    z-index: 4;
    border: 1px solid #fff;
    border-radius: 16px;
    margin-top: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

.picker.location .results:empty, .picker.pattern .results:empty, .picker.category .results:empty {
    display: none;
}

.picker.location.loading .results:after, .picker.pattern.loading .results:after, .picker.category.loading .results:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    background: rgba(255,255,255,0.6);
    content: "";
    cursor: wait;
}

.picker.location.loading:after, .picker.pattern.loading:after, .picker.pattern.mobile.loading > .input-box:after, .picker.category.loading:after {
    position: absolute;
    z-index: 3;
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    right: 7px;
    top: calc(50% - 13px);
    background: #fff url('../images/input-loader.webp') no-repeat center center;
    background-size: 100%;
    border-radius: 6px;
}

.picker.v2.loading:after {
    background-color: #ececec;
}

.def-loc-box .picker.location.loading:after {
    margin-right: 1px;
}

.item-publish .box section .picker.location {
    z-index: 4;
}

.picker.pattern.loading:after {
    width: 28px;
    height: 28px;
    right: 8px;
    top: calc(50% - 14px);
}

.picker.pattern.mobile.loading:after {
    display: none;
}

.picker.pattern.mobile.loading > .input-box:after {
    right: 6px;
}

.picker.location .option, .picker.pattern .option, .picker.category .option, #side-menu .box .section a.option, #def-location a.option, .option.standalone {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18px;
    transition: 0.2s;
    cursor: pointer;
    color: var(--mb-color2, #2c2c2c);
}

.picker.location .option:hover, .picker.location .option:active, .picker.category .option:hover, .picker.category .option:active, .picker.pattern .option:hover, .picker.pattern .option:active, .option.standalone:active, .option.standalone:hover {
    background: rgb(59 73 223 / 10%);
    color: var(--mb-color-primary);
    text-decoration: none;
}

!.picker.location .option > span, .option.standalone > span {
    display: inline-block;
    font-weight: 600;
    margin-right: 2px;
}

!.picker.category .option > span {
    display: inline-block;
    font-weight: 600;
}

!.picker.location .option > span:not(:last-child):after, .option.standalone > span:not(:last-child):after {
    content: ", ";
}

.option.standalone {
    margin: 0;
}

.option.standalone:hover {
    text-decoration: none;
}

.option.standalone svg {
    color: #c0c0c0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 17px;
    top: calc(50% - 9px);
    text-align: center;
    fill: #c0c0c0;
}

.picker .option > em, #def-location a > em, #side-menu .box .section .popular a > em, #side-menu .box .section .recent a > em, .option.standalone > em {
    display: none!important;
    font-size: 11px;
    color: #999;
    font-style: normal;
    font-weight: normal;
}

.picker .option > u {
    font-weight: 500;
}

.picker .option-empty {
    padding: 12px 16px;
    color: #777;
    font-size: 15px;
    line-height: 18px;
}

.picker.category .option > em {
    font-size: 13px;
    color: #666;
}

.picker.category .option > em:before {
    content: ", ";
}

.option.standalone.all-loc span:after, .option.standalone.defloc2.not-located span:after {
    display: none;
}

.picker.v2 .option, .option.standalone {
    padding: 8px 16px 8px 40px;
    position: relative;
    font-weight: 500;
}

.picker.v2 .results {
    max-height: 360px;
}

.picker.v2 .results .row {
    margin: 6px 0 10px 0;
}

.picker.v2 .results .row:last-child {
    margin-bottom: 4px;
}

.picker.v2 .results .row.minlength {
    padding: 9px 16px;
    font-weight: normal;
    color: var(--mb-color4);
    font-style: normal;
    margin: -5px 0 10px 0;
    font-size: 13px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ccc;
    z-index: 2;
}

.picker.v2 .results .row.minlength:last-child {
    margin-bottom: 0;
    border-bottom: none;
    margin-top: 2px;
}

.picker.v2 .results .row.minlength em {
    font-style: normal;
}

.picker.v2 .results a:after, .picker.v2 .results .option:after {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    height: 16px;
    color: #c0c0c0;
    position: absolute;
    left: 16px;
    top: calc(50% - 9px);
    font-weight: 900;
}

.picker.v2 .results .option:has( > svg):after, .picker.v2 .results .option.standalone:after {
    opacity: 0;
    visibility: hidden;
}

.picker.v2 .patterns a:after, .picker.v2 .default .recent.locations a:after, .picker.v2 .locations a:after, .picker.v2.category a:after, .picker.v2.category .option:after, .picker.v2.pattern .option:after, .picker.v2.location .option:after, .picker.v2 .searches a:after {
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    margin-top: 1px;
    background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2798 11.4399C18.2797 7.66239 15.2175 4.6001 11.4399 4.6001C7.66244 4.60018 4.60018 7.66244 4.6001 11.4399C4.6001 15.2175 7.66239 18.2797 11.4399 18.2798C15.2176 18.2798 18.2798 15.2176 18.2798 11.4399ZM20.2798 11.4399C20.2798 13.5439 19.5432 15.4748 18.3159 16.9927L21.0952 19.6812L21.1655 19.7563C21.4922 20.1438 21.4786 20.7232 21.1187 21.0952C20.7586 21.4674 20.1798 21.5 19.7817 21.186L19.7046 21.1187L16.8901 18.396C15.3881 19.5745 13.4972 20.2798 11.4399 20.2798C6.55782 20.2797 2.6001 16.3221 2.6001 11.4399C2.60018 6.55787 6.55787 2.60018 11.4399 2.6001C16.3221 2.6001 20.2797 6.55782 20.2798 11.4399Z' fill='%23c0c0c0'/%3E%3C/svg%3E");
}

.picker .clean {
    display: none;
    z-index: 2;
    padding: 5px;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    right: 6px;
    top: calc(50% - 15px);
    font-size: 18px;
    line-height: 20px;
    color: #999;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

.picker.loading .clean {
    display: none!important;
}

.picker .clean:hover {
    color: #666;
}

.picker.has-icon input[type="text"], .has-icon input[type="text"] {
    padding-left: 42px;
}

.picker .icon, .has-icon .icon, .input-box .icon-curr {
    z-index: 2;
    position: absolute;
    left: 6px;
    top: calc(50% - 15px);
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #999;
    fill: #999;
}

.input-box .icon-curr {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.5px;
    white-space: nowrap;
    color: var(--mb-color4);
}

.picker svg.icon, .has-icon svg.icon {
    padding: 7px;
}

.picker.location svg.icon {
    padding: 6px;
}

.picker.mobile .clean {
    right: 3px;
}

.picker.v2 .results .row.defloc {
    padding: 5px 16px;
    margin-top: 8px;
}

.picker.v2 .results .row.defloc > a {
    transition: 0.2s;
    font-weight: bold;
    color: var(--mb-color-primary);
    padding: 7px 40px 7px 8px;
    position: relative;
    background: rgb(59 73 223 / 8%);
    display: inline-block;
    border-radius: 6px;
}

.picker.v2 .results .row.defloc > a:hover {
    background: rgb(59 73 223 / 12%);
}

.picker.v2 .results .row.defloc > a svg {
    fill: var(--mb-color-primary);
    vertical-align: -4px;
    margin-right: 4px;
}

.picker.v2 .results .row.defloc > a .input-clean {
    color: #888;
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    right: 7px;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    padding: 2px;
    width: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
}

.picker.v2 .results .row.defloc > a .input-clean:hover {
    color: #555;
}

.picker.v2.mobile {
    position: unset;
}

.picker.v2.mobile .results {
    display: block;
    left: 0;
    top: 48px;
    margin: 0;
    border-radius: 0;
    border: none;
    background: #fff;
    padding-top: 12px;
    border-bottom: 1px solid #ccc;
    max-height: calc(100vh - 96px);
    height: calc(100vh - 96px);
    min-height: calc(100vh - 96px);
}

.simple-select.simple-sort .list {
    min-width: 174px;
}

.results .lead {
    color: #666;
    font-weight: 500;
    padding: 6px 16px 4px 16px;
    font-size: 13px;
    line-height: 16px;
}

.picker.v2 .option.cat-with-img {
    padding: 6px 16px;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
}

.picker.v2 .option.cat-with-img:after {
    display: none;
}

.picker.v2 .option.cat-with-img .img-wrap img {
    width: 36px;
    min-width: 36px;
    height: 36px;
    object-fit: contain;
    padding: 6px;
    background: rgba(0,0,0,0.08);
    border-radius: 8px;
}

.picker.v2 .option.cat-with-img > strong {
    font-size: 14px;
    font-weight: 500;
}

/* DEFAULT LOCATION SELECTION BOX */
#defloc {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: var(--mb-color2, #2c2c2c);
}

#etaModal #defloc .subhead {
    padding: 0;
    border: none;
    color: inherit;
    font-weight: normal;
    margin: 0 0 20px 0;
}

#defloc .row {
    margin: 0 0 16px 0;
}

#defloc .row.current {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
}

#defloc .row.current a.clean-action {
    color: var(--mb-color-primary);
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    height: auto;
    white-space: nowrap;
    padding: 6px 12px;
    margin: 0;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#defloc .row.current a.clean-action i {
    line-height: 14px;
    font-size: 13px;
    color: var(--mb-color-primary);
}

#defloc .row.picker .input-box {
    margin: 0;
    position: relative;
}

#defloc .row.picker .input-box > svg {
    width: 18px;
    height: 18px;
    fill: var(--mb-color9);
    position: absolute;
    top: calc(50% - 9px);
    left: 12px;
}

#defloc .row.picker .input-box input[type="text"] {
    width: 100%;
    height: 46px;
    padding: 0 10px 0 40px;
    font-size: 15px;
}

#defloc .locate-me {
    display: flex;
    line-height: 1.2;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-decoration: none;
    padding: 12px 10px 12px 40px;
    position: relative;
    border-radius: 12px;
}

#defloc .locate-me svg {
    width: 20px;
    height: 20px;
    fill: var(--mb-color-primary);
    flex-shrink: 0;
    position: absolute;
    left: 10px;
    top: calc(50% - 10px);
    transition: 0.2s;
}

#defloc .locate-me:hover svg {
    transform: scale(1.2);
}

#defloc .locate-me strong {
    font-size: 15px;
    font-weight: 500;
    color: var(--mb-color2);
}

#defloc .locate-me .status {
    font-size: 12px;
    color: var(--mb-color8);
}

#defloc .row > .lead {
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--mb-color6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 8px 0;
}

#defloc .row.recent, #defloc .row.popular {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
    border-top: 0.5px solid #ccc;
    margin: 0;
    padding: 20px 0;
}

#defloc .row.recent a, #defloc .row.popular a {
    width: 100%;
    padding: 9px 12px 9px 36px;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    text-decoration: none;
}

#defloc .row.recent a:hover, #defloc .row.popular a:hover {
    text-decoration: none;
    font-weight: 600;
}

#defloc .row.recent a em, #defloc .row.popular a em {
    display: none;
}

#defloc .row.recent a svg, #defloc .row.popular a svg {
    position: absolute;
    width: 18px;
    height: 18px;
    color: #c0c0c0;
    fill: #c0c0c0;
    top: calc(50% - 9px);
    left: 9px;
}

#defloc .row.buttons {
    margin: 16px 0 0 0;
}

#defloc .row.buttons .btn {
    height: 40px;
    margin: 0;
}

/* SHOWCASE CUSTOMIZE */
#showcase-button {
    position: fixed;
    right: 16px;
    left: auto;
    bottom: 20px;
    z-index: 95;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px 0 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: var(--mb-color1, #1c1c1c);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    transition: 0.15s ease;
}

#showcase-button:hover {
    background: #fff;
    border-color: var(--mb-color-primary, #127a58);
    color: var(--mb-color1, #1c1c1c);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.14);
}

#showcase-button:active {
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

#showcase-button svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    fill: currentColor;
    color: var(--mb-color-primary, #127a58);
}

#showcase-button > span {
    display: block;
    white-space: nowrap;
}

#showcase-button .showcase-count {
    position: absolute;
    top: -6px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--mb-color-primary, #127a58);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

#showcase-button.has-mods {
    border-color: var(--mb-color-primary, #127a58);
}

body:has(#navi-bar) #showcase-button {
    bottom: 68px;
}

body:has(#item-sticky-box) #showcase-button {
    bottom: 120px;
}

#showcase-modal-content {
    display: none!important;
}

#item-forms #showcase-button {
    display: none!important;
}

#etaModal.showcase-modal {
    background: var(--mb-color15, #fff);
}

#etaModal.showcase-modal .wrap {
    padding-bottom: 20px;
}

#etaModal.showcase-modal .wrap > .line.showcase-section {
    margin: 0 0 18px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--mb-color12, #e8e8e8);
}

#etaModal.showcase-modal .wrap > .line.showcase-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#etaModal.showcase-modal .showcase-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--mb-color1, #1c1c1c);
    line-height: 1.2;
}

#etaModal.showcase-modal .showcase-section-title svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    color: var(--mb-color6, #666);
    flex-shrink: 0;
}

#etaModal.showcase-modal .showcase-packs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#etaModal.showcase-modal .showcase-pack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--mb-color11, #ddd);
    border-radius: 12px;
    text-decoration: none;
    color: var(--mb-color2, #2c2c2c);
    background: var(--mb-color15, #fff);
    transition: 0.15s;
}

#etaModal.showcase-modal .showcase-pack:hover {
    border-color: var(--mb-color-primary);
    text-decoration: none;
    transform: translateY(-1px);
}

#etaModal.showcase-modal .showcase-pack.active {
    border-color: var(--mb-color-primary);
    box-shadow: inset 0 0 0 1px var(--mb-color-primary);
}

#etaModal.showcase-modal .showcase-pack .preview {
    display: flex;
    width: 100%;
    height: 42px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.08);
}

#etaModal.showcase-modal .showcase-pack .preview-primary, #etaModal.showcase-modal .showcase-pack .preview-secondary {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

#etaModal.showcase-modal .showcase-pack .preview-primary {
    flex: 1.15;
    color: #fff;
}

#etaModal.showcase-modal .showcase-pack .preview-secondary {
    color: #222;
}

#etaModal.showcase-modal .showcase-pack .pack-name {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#etaModal.showcase-modal .showcase-reset {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 0 0;
    font-size: 13px;
    color: var(--mb-color5, #555);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-reset:hover {
    color: var(--mb-color-primary);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-reset svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

#etaModal.showcase-modal .showcase-font-group-title {
    margin: 0 0 8px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--mb-color6, #666);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#etaModal.showcase-modal .showcase-font-packs + .showcase-font-group-title {
    margin-top: 14px;
}

#etaModal.showcase-modal .showcase-font-packs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#etaModal.showcase-modal .showcase-font-pack {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--mb-color11, #ddd);
    border-radius: 12px;
    text-decoration: none;
    color: var(--mb-color2, #2c2c2c);
    background: var(--mb-color15, #fff);
    transition: 0.15s;
    min-height: 92px;
}

#etaModal.showcase-modal .showcase-font-pack:hover {
    border-color: var(--mb-color-primary);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-font-pack.active {
    border-color: var(--mb-color-primary);
    box-shadow: inset 0 0 0 1px var(--mb-color-primary);
}

#etaModal.showcase-modal .showcase-font-pack .font-header {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mb-color1, #1c1c1c);
}

#etaModal.showcase-modal .showcase-font-pack .font-body {
    font-size: 13px;
    line-height: 1.3;
    color: var(--mb-color5, #555);
}

#etaModal.showcase-modal .showcase-font-pack .font-name {
    margin-top: auto;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    color: var(--mb-color6, #666);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#etaModal.showcase-modal .showcase-font-pack.is-expressive {
    background: var(--mb-color14, #f7f7f7);
}

#etaModal.showcase-modal .showcase-font-pack.is-expressive .font-header {
    font-size: 20px;
    letter-spacing: -0.02em;
}

#etaModal.showcase-modal .showcase-mode-packs, #etaModal.showcase-modal .showcase-language-packs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

#etaModal.showcase-modal .showcase-mode-pack, #etaModal.showcase-modal .showcase-language-pack {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 8px;
    border: 1px solid var(--mb-color11, #ddd);
    border-radius: 12px;
    text-decoration: none;
    color: var(--mb-color2, #2c2c2c);
    background: var(--mb-color15, #fff);
    transition: 0.15s;
}

#etaModal.showcase-modal .showcase-mode-pack:hover, #etaModal.showcase-modal .showcase-language-pack:hover {
    border-color: var(--mb-color-primary);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-mode-pack.active, #etaModal.showcase-modal .showcase-language-pack.active {
    border-color: var(--mb-color-primary);
    box-shadow: inset 0 0 0 1px var(--mb-color-primary);
}

#etaModal.showcase-modal .showcase-mode-pack strong, #etaModal.showcase-modal .showcase-language-pack strong {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#etaModal.showcase-modal .showcase-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--mb-color13, #f0f0f0);
    color: var(--mb-color1, #1c1c1c);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
}

#etaModal.showcase-modal .showcase-action-btn:hover {
    background: var(--mb-color12, #e4e4e4);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-action-btn .showcase-banner-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#etaModal.showcase-modal .showcase-action-btn .showcase-banner-icon svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

#etaModal.showcase-modal .showcase-action-btn .showcase-banner-icon-hide {
    display: none;
}

#etaModal.showcase-modal .showcase-action-btn.is-shown .showcase-banner-icon-show {
    display: none;
}

#etaModal.showcase-modal .showcase-action-btn.is-shown .showcase-banner-icon-hide {
    display: inline-flex;
}

#etaModal.showcase-modal .showcase-demo-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#etaModal.showcase-modal .showcase-demo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--mb-color11, #ddd);
    border-radius: 10px;
    text-decoration: none;
    color: var(--mb-color1, #1c1c1c);
    background: var(--mb-color15, #fff);
}

#etaModal.showcase-modal .showcase-demo-link:hover {
    border-color: var(--mb-color-primary);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-demo-link > svg:first-child {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    fill: currentColor;
    color: var(--mb-color6, #666);
}

#etaModal.showcase-modal .showcase-demo-link > svg:last-child {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: auto;
    fill: currentColor;
    color: var(--mb-color8, #999);
}

#etaModal.showcase-modal .showcase-demo-link .demo-label {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

#etaModal.showcase-modal .showcase-demo-link .demo-label strong {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

#etaModal.showcase-modal .showcase-demo-link .demo-label em {
    font-size: 12px;
    font-style: normal;
    color: var(--mb-color6, #666);
    line-height: 1.2;
}

#etaModal.showcase-modal .showcase-demo-link.secondary {
    background: var(--mb-color14, #f7f7f7);
}

#etaModal.showcase-modal .showcase-buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 10px;
    background: var(--mb-color-primary, #127a58);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

#etaModal.showcase-modal .showcase-buy-btn:hover {
    background: var(--mb-color-primary-hover, #11a753);
    color: #fff;
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-buy-btn svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

#etaModal.showcase-modal .showcase-theme-meta {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 12px;
    color: var(--mb-color6, #666);
}

#etaModal.showcase-modal .showcase-support-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin: 8px 0 0 0;
    font-size: 13px;
    color: var(--mb-color5, #555);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-support-link:hover {
    color: var(--mb-color-primary);
    text-decoration: none;
}

#etaModal.showcase-modal .showcase-support-link svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

html[mode="dark"] #showcase-button {
    background: rgba(26,29,36,0.92);
    color: var(--mb-color-dark23, #e6eaf1);
    border-color: rgba(255,255,255,0.12);
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

html[mode="dark"] #showcase-button:hover {
    background: var(--mb-color-dark2, #1a1d24);
    border-color: var(--mb-color-primary);
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #showcase-button.has-mods {
    border-color: var(--mb-color-primary);
}

html[mode="dark"] #showcase-button .showcase-count {
    box-shadow: 0 1px 4px rgba(0,0,0,0.45);
}

html[mode="dark"] #etaModal.showcase-modal {
    background: var(--mb-color-dark2, #1a1d24);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-section-title {
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-section-title svg {
    color: var(--mb-color8, #999);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-pack, html[mode="dark"] #etaModal.showcase-modal .showcase-font-pack, html[mode="dark"] #etaModal.showcase-modal .showcase-mode-pack, html[mode="dark"] #etaModal.showcase-modal .showcase-language-pack, html[mode="dark"] #etaModal.showcase-modal .showcase-demo-link {
    background: var(--mb-color-dark3, #1e2228);
    border-color: var(--mb-color-dark7, #2a2f38);
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-mode-pack strong, html[mode="dark"] #etaModal.showcase-modal .showcase-language-pack strong {
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-font-pack .font-header, html[mode="dark"] #etaModal.showcase-modal .showcase-demo-link .demo-label strong {
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-font-pack .font-body, html[mode="dark"] #etaModal.showcase-modal .showcase-font-pack .font-name, html[mode="dark"] #etaModal.showcase-modal .showcase-font-group-title, html[mode="dark"] #etaModal.showcase-modal .showcase-demo-link .demo-label em, html[mode="dark"] #etaModal.showcase-modal .showcase-theme-meta, html[mode="dark"] #etaModal.showcase-modal .showcase-reset, html[mode="dark"] #etaModal.showcase-modal .showcase-support-link {
    color: var(--mb-color8, #999);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-font-pack.is-expressive {
    background: var(--mb-color-dark7, #2a2f38);
}

html[mode="dark"] #etaModal.showcase-modal .wrap > .line.showcase-section {
    border-bottom-color: var(--mb-color-dark7, #2a2f38);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-action-btn, html[mode="dark"] #etaModal.showcase-modal .showcase-demo-link.secondary {
    background: var(--mb-color-dark7, #2a2f38);
    color: var(--mb-color-dark23, #e6eaf1);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-pack .preview {
    border-color: rgba(255,255,255,0.12);
}

html[mode="dark"] #etaModal.showcase-modal .showcase-pack .pack-name {
    color: var(--mb-color-dark23, #e6eaf1);
}

html[dir="rtl"] #showcase-button {
    right: auto;
    left: 16px;
    padding: 0 12px 0 14px;
}

html[dir="rtl"] #showcase-button .showcase-count {
    right: auto;
    left: -4px;
}

html[dir="rtl"] #etaModal.showcase-modal .showcase-demo-link > svg:last-child {
    margin-left: 0;
    margin-right: auto;
    transform: scaleX(-1);
}

html[dir="rtl"] #etaModal.showcase-modal .showcase-buy-btn svg:last-child, html[dir="rtl"] #etaModal.showcase-modal .showcase-support-link svg {
    transform: scaleX(-1);
}

@media screen and (max-width: 767px) {
    #showcase-button {
        width:46px;
        height: 46px;
        padding: 0;
        border-radius: 50%;
    }

    #showcase-button > span {
        display: none;
    }

    #showcase-button svg {
        width: 22px;
        height: 22px;
    }

    #showcase-button .showcase-count {
        top: -4px;
        right: -2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 16px;
    }

    html[dir="rtl"] #showcase-button .showcase-count {
        right: auto;
        left: -2px;
    }

    body:has(#navi-bar) #showcase-button {
        bottom: 68px;
    }

    body:has(#item-sticky-box) #showcase-button {
        bottom: 120px;
    }
}

@media screen and (max-width: 560px) {
    #etaModal.showcase-modal .showcase-packs {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    #etaModal.showcase-modal .showcase-font-packs {
        grid-template-columns: 1fr;
    }
}

/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {
    margin: 55px 0 55px 0;
}

body.subdomain-navigation header {
    text-align: center;
}

body.subdomain-navigation header #logo {
    float: none;
    display: inline-block;
}

body.subdomain-navigation header #logo img {
    max-height: 75px;
    height: auto;
    margin: 25px 0;
}

body.subdomain-navigation section {
    text-align: center;
    font-size: 18px;
}

body.subdomain-navigation section div {
    display: inline-block;
    width: 100%;
}

body.subdomain-navigation section strong {
    display: inline-block;
    margin-bottom: 15px;
}

body.subdomain-navigation footer {
    background: transparent;
    text-align: center;
    padding: 20px;
    margin: 30px 0 0 0;
    color: #888;
    font-size: 14px;
}

body.subdomain-navigation header .links, body.subdomain-navigation section.promo, body.subdomain-navigation section.one {
    display: none;
}

body.subdomain-navigation header .menu.btn, body.subdomain-navigation #navi-bar {
    display: none;
}

#subdomains-list {
    max-width: 980px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    margin: 0 auto;
}

#subdomains-list a {
    display: inline-block;
    max-width: 33.33%;
    width: 100%;
    font-size: 16px;
    margin: 0px 0 15px 0px;
    padding: 0 15px 0 0;
    text-align: left;
}

#subdomains-list a em {
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    color: #999
}

body.subdomain-navigation.sd-with-icon #subdomains-list {
    display: flex;
    padding: 5px 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a {
    display: inline-block;
    max-width: 116px;
    padding: 0;
    text-align: center;
    line-height: 16px;
    width: 100%;
    font-size: 14px;
    margin: 0px 1px 20px 1px;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a span {
    display: block;
    margin: 6px 0 0 0;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a img {
    display: inline-block;
    height: 48px;
    width: auto;
    max-width: 76px;
    border: 1px solid #aaa;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {
    opacity: 0.4;
}

footer #subdomains-list {
    margin: 15px 0;
    justify-content: flex-start;
}

footer #subdomains-list a {
    max-width: 25%;
    font-size: 14px;
    margin: 0 0 8px 0;
}

/* PUBLISH & EDIT PAGE */
body.item-publish {
}

.item-publish .content {
    padding: 24px 0 36px 0;
}

.item-publish h1 {
    margin: 0 0 18px 0;
    font-size: 24px;
    display: none;
}

.item-publish h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.item-publish .box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.item-publish section.promo, .item-publish #breadcrumbs {
    display: none;
}

.item-publish footer section.one {
    padding: 0;
    margin: 0;
}

.item-publish label {
    margin: 0 0 5px 0;
    width: 100%;
    display: inline-block;
    font-size: 13px;
}

.item-publish label.auto-width {
    width: auto;
}

.item-publish .input-box.d1 {
    margin-bottom: 0px;
}

.item-publish .input-box-check {
    margin: 0 0 10px 0;
}

.item-publish input, .item-publish input[type="text"], .item-publish input[type="tel"], .item-publish input[type="number"], .item-publish input[type="url"], .item-publish input[type="password"], .item-publish input[type="email"], .item-publish select {
    width: 100%;
    height: 40px;
    font-size: 14px;
}

.item-publish textarea {
    width: 100%;
    font-size: 14px;
}

.item-publish input:focus, .item-publish select:focus, .item-publish textarea:focus {
    outline-offset: -1px;
}

!.item-publish input::placeholder, .item-publish textarea::placeholder {
    font-style: normal;
}

.item-publish .box section {
    float: left;
    clear: both;
}

.item-publish .box section:not(.buttons-block) {
    position: relative;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--mb-shadow);
    margin: 0 0 16px 0;
}

.item-publish .box section.buttons-block {
    margin-top: 4px;
}

.item-publish .box section h2 {
    display: none;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 16px 16px 4px 16px;
    font-size: 18px;
    font-weight: bold;
}

.item-publish .box section h2.first {
    font-size: 20px;
    margin-top: 1px;
}

.item-publish .box section .in {
    display: inline-block;
    width: 100%;
    padding: 24px 24px 28px 24px;
    position: relative;
}

.item-publish .box section .in.var2 {
    border-bottom: 5px solid #e8e8e8;
    margin-bottom: 0;
}

.item-publish .box section .in.var3 {
    padding-bottom: 22px;
}

.item-publish .box section .attr-wrap {
    display: none;
}

.item-publish .box section .attr-wrap:has(> .in > #post-hooks > #plugin-hook > *) {
    display: block;
}

.item-publish .box section .attr-wrap:has(> .in > #post-hooks2 > *) {
    display: block;
}

.item-publish .box section #post-hooks:not(:has(*)) {
    display: none;
}

.item-publish .box section #plugin-hook:not(:has(*)) {
    display: none;
}

.item-publish .box section #post-hooks2:not(:has(*)) {
    display: none;
}

.item-publish .box section.location .in {
    z-index: 3;
}

.item-publish .box .simple-select .option.info, .item-publish .box .simple-select .option[data-id=""] {
    display: none;
}

.item-publish .box .dsc textarea {
    width: 100%;
}

.item-publish .box .row.info {
    font-size: 13.5px;
    line-height: 1.4;
    margin: 8px 0 0 0;
}

.item-publish .box .row.info ul {
    list-style: disc;
    padding: 2px 24px;
    color: var(--mb-color4);
}

.item-publish .row.category {
    margin-bottom: 10px;
}

.item-publish .row.country {
    width: 100%;
    float: left;
}

.item-publish .row.region {
    width: 50%;
    padding-right: 16px;
    float: left;
}

.item-publish .row.city {
    width: 50%;
    float: left;
}

!.item-publish .row.country + .row.region, .item-publish .row.country + .row.region + .row.city {
    width: 33%;
    float: left;
}

.item-publish .row.address {
    width: calc(100% - 140px);
    padding-right: 16px;
    float: left;
}

.item-publish .row.zip {
    width: 140px;
    float: left;
}

.item-publish .row.cityarea, .item-publish .row.user-email {
    max-width: 360px;
}

.item-publish .row.phone {
    float: left;
    width: 45%;
    padding-right: 16px;
}

.item-publish .row.phone input#contactPhone, .item-publish .row.phone input#sPhone {
    width: 100%;
}

.item-publish .row.phone .input-box, .item-publish .row.user-email .input-box {
    margin-bottom: 6px;
}

.item-publish .row .input-box-slider {
    width: 100%;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 2px;
    padding: 2px 3px;
    border-radius: 8px;
}

.item-publish .row .input-box-slider:hover {
    background: #f0f0f0;
}

.item-publish .row.user-email {
    float: left;
    width: 55%;
}

.item-publish .category select {
    width: calc(50% - 8px);
    margin: 0 8px 8px 0;
    min-width: 220px;
}

.item-publish .seller .input-box-check {
    margin: -10px 0 20px 0;
}

.item-publish .link-update {
    display: inline-block;
    margin: 0 0 2px 0;
    font-weight: 500;
    color: var(--mb-color-primary);
}

.item-publish .link-update.location {
    float: left;
    clear: both;
    margin-top: 0;
    color: var(--mb-color-primary);
    display: flex;
    gap: 4px;
    align-items: center;
}

.item-publish .link-update.location svg {
    width: auto;
    height: 20px;
    fill: currentColor;
}

.item-publish section.info .in {
    padding-bottom: 0;
}

.item-publish #plugin-hook {
    margin: 0 0 8px 0;
}

.item-publish #plugin-hook:empty, .item-publish #plugin-hook .row:empty {
    display: none;
}

.item-publish .buttons-block button.btn {
    font-size: 16px;
    height: 48px;
    padding: 13px 15px;
    border-radius: 100px;
    width: 100%;
    max-width: 240px;
    float: right;
    clear: both;
}

!.item-publish input#price {
    padding-left: 126px;
}

.item-publish .enter.disable input#price {
    color: transparent;
    transition: 0s;
}

!.item-publish select#currency {
    position: absolute;
    width: 110px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.2px;
    border-radius: 8px;
    left: 3px;
    top: 3px;
    height: 34px;
    padding-left: 8px;
    border: none;
}

.item-publish .enter .input-box {
    display: flex;
    gap: 12px;
    margin: 0 0 12px 0;
}

.item-publish input#price {
    flex: 1;
}

.item-publish select#currency {
    width: 140px;
}

.item-publish .selection {
    display: flex;
    width: 100%;
    gap: 10px;
}

.item-publish .selection a {
    display: inline-flex;
    line-height: 1.1;
    align-items: center;
    margin: 0;
    padding: 4px 16px;
    font-size: 13px;
    height: 32px;
    border-radius: 100px;
    box-shadow: none;
    font-weight: 500;
}

.item-publish .selection a.active {
    background-color: var(--mb-color-secondary-light);
    color: var(--mb-color0);
    border-color: var(--mb-color-secondary);
    box-shadow: none;
}

.item-publish .selection a.active:before {
    content: "\2713";
    font-weight: bold;
}

.item-publish .status-wrap {
    margin: 0;
    display: inline-block;
    width: 100%;
    display: flex;
    gap: 16px;
}

.item-publish .status-wrap > div {
    flex: 1;
}

#user-dashboard .headers {
    padding-left: 82px;
    position: relative;
}

.item-publish .input-box.contact-name input#contactName {
    height: 44px;
    padding-left: 46px;
    font-weight: 500;
    font-size: 15px;
}

.item-publish .input-box.contact-name > img {
    position: absolute;
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 100px;
    left: 5px;
    top: 5px;
    z-index: 2;
}

.item-publish .img-container, .body-ua .img-container {
    transition: 0.2s;
    position: absolute;
    left: 0;
    top: 1px;
    width: 66px;
    height: 66px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.item-publish .img-container:hover, .body-ua .img-container:hover {
    box-shadow: 0 1px 10px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.15);
}

.item-publish .img-container img, .body-ua .img-container img {
    width: 66px;
    height: 66px;
    max-width: 66px;
    max-height: 66px;
    object-fit: cover;
}

.item-publish .img-container svg, .body-ua .img-container svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background: rgba(0,0,0,0.7);
    fill: #fff;
    padding: 4px 0 5px 0;
}

.item-publish .eta-counter {
    font-size: 11px;
    margin: 3px 0 -6px 0;
    color: var(--mb-color5);
    padding: 0 4px;
    text-align: right;
    font-weight: 500;
}

.item-publish .eta-counter.eta-counter-error {
    color: #F0325E;
}

.item-publish em.input-error + .eta-counter {
    display: none;
}

.item-publish .eta-box-counter-error input, .item-publish .eta-box-counter-error textarea {
    color: #F0325E;
    border-color: #F0325E;
    outline-color: #F0325E;
}

#plugin-hook h2, #plugin-hook h3, #plugin-hook h4 {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.2;
    margin: 0 0 4px 0;
    padding: 0;
}

#plugin-hook input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    float: left;
    border-radius: 4px;
}

#plugin-hook input[type="checkbox"] + label {
    width: auto;
    line-height: 18px;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

#plugin-hook #power {
    width: calc(100% - 120px);
    margin-right: 12px;
    max-width: 200px;
    float: left;
}

#plugin-hook #power_unit {
    width: 100px;
    margin-right: 12px;
    float: left;
}

#plugin-hook .car-attr-post input, #plugin-hook .car-attr-post select {
    max-width: 360px;
}

#plugin-hook .meta, #plugin-hook .row, #plugin-hook p, #plugin-hook .control-group {
    display: inline-block;
    width: 100%;
    margin: 0 0 12px 0;
}

#plugin-hook .meta_list .meta:last-child {
    margin-bottom: 0;
}

#plugin-hook .row._20 + .row._20 {
    margin-top: -12px;
}

#plugin-hook input[type="checkbox"], #plugin-hook input[type="radio"] {
    float: left;
    width: 16px!important;
    height: 16px!important;
    margin: 0 4px 6px 0;
    clear: both;
}

#plugin-hook input[type="checkbox"] + label, #plugin-hook input[type="radio"] + label {
    float: left!important;
    clear: none;
    width: auto;
    max-width: calc(100% - 24px);
    font-weight: 600;
    line-height: 16px;
}

#plugin-hook input[type="text"], #plugin-hook input[type="password"], #plugin-hook input[type="email"],#plugin-hook input[type="url"], #plugin-hook input[type="number"], #plugin-hook input[type="tel"], #plugin-hook select {
    width: auto;
    height: 36px;
    min-width: 120px;
    max-width: 100%;
}

!#plugin-hook select {
    padding: 0 6px;
}

#plugin-hook .osp-promote-form select {
    min-width: 32px;
}

#plugin-hook textarea {
    padding: 6px;
    width: auto;
    min-width: 80%;
    max-width: 100%;
}

#plugin-hook .tabberlive .tabbertab {
    padding-bottom: 4px;
}

#plugin-hook .row._20 > label:first-child {
    display: inline-block;
    width: auto;
    margin: 0;
    line-height: 16px;
}

#plugin-hook .jobs-attributes > .row:first-child {
    margin-bottom: 0;
}

#plugin-hook .controls ul, #plugin-hook .controls li {
    display: inline-block;
    width: 100%;
}

#plugin-hook .atr-select-deselect, #plugin-hook .atr-select-all {
    margin-bottom: 4px;
    font-size: 13px;
}

#plugin-hook input[type="checkbox"] + label, #plugin-hook input[type="radio"] + label {
    width: auto;
}

#plugin-hook table.product-attributes {
    border-spacing: 0;
}

#plugin-hook .product-attributes td {
    display: block;
    width: 100%;
}

#plugin-hook #mo-check.styled .input-box-check input[type="checkbox"]:checked + label:before {
    border-color: var(--mb-color-primary);
    background-color: var(--mb-color-primary);
}

#plugin-hook .input-box-check input[type="checkbox"]:checked + label:before {
    border-color: var(--mb-color-primary);
    background-color: var(--mb-color-primary);
}

/* IMAGE UPLOADER */
.upload-photos .sub-label {
    display: inline-block;
    width: 100%;
    margin: 0 0 16px 0;
    color: var(--mb-color1);
    font-weight: 500;
}

.upload-photos .qq-uploader {
    width: 100%;
    padding: 214px 0 0 0;
}

.upload-photos .qq-upload-drop-area, .upload-photos .qq-upload-extra-drop-area {
    border-radius: 5px;
    transition: 0.1s;
    z-index: 4;
    background: rgb(59 73 223 / 10%);
}

.upload-photos .qq-upload-drop-area.qq-upload-drop-area-active {
    z-index: 4;
    box-shadow: 0 2px 12px 2px rgba(0,0,0,0.35);
    background: rgb(9 174 64 / 10%);
}

.upload-photos .qq-upload-button {
    transition: 0.1s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    font-size: 15px;
    outline: none;
    border: none;
    z-index: 3;
    color: var(--mb-color-secondary);
    background: var(--mb-color-secondary-light);
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    position: absolute!important;
    left: 0px;
    top: 0px;
    max-width: 100%;
    width: 100%;
    padding: 36px 16px;
    border-radius: 12px;
}

.upload-photos .qq-upload-button:before {
    display: inline-block;
    content: "\f302";
    font-weight: 400;
    margin: 0 0 12px 0;
    font-size: 40px;
    font-family: "Font Awesome 5 Free";
}

!.upload-photos .qq-upload-button:before {
    content: "";
    width: 52px;
    height: 52px;
    background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='rgba(0%2C0%2C0%2C0.8)'%3E%3Cpath d='m486.22-425.26 240-160-240-160v320ZM227.28-71.85q-37.54 5.24-67.39-17.89-29.85-23.13-34.56-60.67L72.8-581.43q-4.71-37.55 18.28-67.25 22.99-29.71 60.53-34.19l46-5.76v320.5q0 70.78 50.11 120.89t120.89 50.11h360.04q-3.61 28.06-23.52 48.91-19.91 20.85-49.5 24.33L227.28-71.85Zm141.33-205.28q-37.78 0-64.39-26.61t-26.61-64.39v-434.02q0-37.78 26.61-64.39t64.39-26.61h434.26q37.78 0 64.39 26.61t26.61 64.39v434.02q0 37.78-26.61 64.39t-64.39 26.61H368.61Z'/%3E%3C/svg%3E");
}

.upload-photos .qq-upload-button:before {
    content: "";
    display: inline-block;
    width: 52px;
    height: 52px;
    background-color: var(--mb-color-secondary);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m486.22-425.26 240-160-240-160v320ZM227.28-71.85q-37.54 5.24-67.39-17.89-29.85-23.13-34.56-60.67L72.8-581.43q-4.71-37.55 18.28-67.25 22.99-29.71 60.53-34.19l46-5.76v320.5q0 70.78 50.11 120.89t120.89 50.11h360.04q-3.61 28.06-23.52 48.91-19.91 20.85-49.5 24.33L227.28-71.85Zm141.33-205.28q-37.78 0-64.39-26.61t-26.61-64.39v-434.02q0-37.78 26.61-64.39t64.39-26.61h434.26q37.78 0 64.39 26.61t26.61 64.39v434.02q0 37.78-26.61 64.39t-64.39 26.61H368.61Z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m486.22-425.26 240-160-240-160v320ZM227.28-71.85q-37.54 5.24-67.39-17.89-29.85-23.13-34.56-60.67L72.8-581.43q-4.71-37.55 18.28-67.25 22.99-29.71 60.53-34.19l46-5.76v320.5q0 70.78 50.11 120.89t120.89 50.11h360.04q-3.61 28.06-23.52 48.91-19.91 20.85-49.5 24.33L227.28-71.85Zm141.33-205.28q-37.78 0-64.39-26.61t-26.61-64.39v-434.02q0-37.78 26.61-64.39t64.39-26.61h434.26q37.78 0 64.39 26.61t26.61 64.39v434.02q0 37.78-26.61 64.39t-64.39 26.61H368.61Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.upload-photos .qq-upload-button:after {
    margin: 10px 0;
    font-size: 14px;
    color: var(--mb-color5);
    line-height: 18px;
    font-weight: normal;
}

.upload-photos .qq-upload-button > div {
    display: inline-block;
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 100px;
    font-size: 14px;
    line-height: 16px;
    transition: 0.2s;
}

.upload-photos .qq-upload-button > div:hover {
    color: var(--mb-color-secondary-text);
    background: var(--mb-color-secondary-hover);
}

.upload-photos .qq-upload-button input[type="file"] {
    font-size: 14px!important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
}

.upload-photos .qq-upload-button input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

.upload-photos .qq-upload-drop-area span {
    display: none;
}

.upload-photos .qq-upload-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 8px;
    row-gap: 8px;
    width: 100%;
    clear: both;
    position: relative;
    z-index: 3;
    padding: 10px 2px 8px 2px;
}

.upload-photos .qq-upload-list:empty {
    display: none;
}

.upload-photos .qq-upload-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    font-size: 13px;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border-radius: 8px;
    background: #fff;
    padding: 6px;
    min-height: 140px;
}

.upload-photos .qq-upload-list li.qq-upload-success {
    background: #fff;
}

.upload-photos .qq-upload-list li .qq-upload-move {
    box-shadow: none;
}

.upload-photos .qq-upload-file {
    color: var(--mb-color2, #2c2c2c);
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
}

.upload-photos .qq-upload-delete {
    opacity: 0;
    z-index: 3;
    transition: 0.1s;
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0;
    color: transparent;
    width: 26px;
    height: 26px;
    overflow: hidden;
}

.upload-photos .qq-upload-rotate-img {
    display: none!important;
}

.upload-photos li:hover .qq-upload-delete, .upload-photos li:hover .qq-upload-rotate {
    opacity: 1;
}

.upload-photos .qq-upload-delete:before {
    cursor: pointer;
    display: block;
    border-radius: 100px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8";
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #111;
}

.upload-photos .qq-upload-delete:hover:before {
    background: #444;
}

.upload-photos .ajax_preview_img {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 4px;
    clear: both;
    overflow: hidden;
    padding-top: 80%;
    position: relative;
    background: var(--mb-color2, #2c2c2c);
    border-radius: 8px;
}

.upload-photos .ajax_preview_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    object-fit: contain;
}

.upload-photos .qq-upload-size {
    display: inline-block!important;
    width: 100%;
    padding: 0;
    margin: 0 0 6px 0;
    font-size: 11px;
    color: #999;
    line-height: 13px;
}

.upload-photos .qq-upload-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    display: block;
    background: transparent url('../images/loader.gif') no-repeat center center;
    background-size: 32px;
}

.upload-photos .qq-upload-cancel, .upload-photos .qq-upload-retry {
    margin: 3px 0;
    padding: 0;
    text-align: center;
}

.upload-photos .qq-progress-bar {
    margin: 5px 6px;
    width: calc(100% - 12px);
}

.upload-photos .qq-upload-status-text {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

.upload-photos .qq-upload-status-text:empty {
    display: none;
}

.upload-photos div[id*='p-'] {
    display: none!important;
}

.upload-photos .primary_image {
    opacity: 0;
    transition: 0.1s;
    position: absolute;
    left: 44px;
    top: 5px;
    margin: 0;
    color: transparent;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.upload-photos li:first-child .primary_image {
    display: none;
}

.upload-photos li:hover .primary_image {
    opacity: 1;
}

.upload-photos .primary_image:before {
    cursor: pointer;
    display: block;
    border-radius: 100px;
    font-family: "Font Awesome 5 Free";
    content: "\f08d";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e00909;
    font-weight: 900;
}

.upload-photos .primary_image:hover:before {
    background: #e04c4c;
}

.upload-photos h3 {
    display: inline-block;
    margin: 20px 0 10px 0;
    font-size: 16px;
    line-height: 18px;
}

.upload-photos > .qq-upload-list {
    padding: 0;
    border: none;
    background: #fff;
}

.upload-photos > .qq-upload-list li {
    background: #eaeaea;
    font-size: 0;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
}

@media screen and (max-width: 767px) {
    .item-publish .content {
        padding:0;
    }

    body#body-item-post .content > .container {
        padding: 16px 6px;
    }

    .item-publish .box section .in {
        padding: 16px 16px 20px 16px;
    }

    .item-publish .category select {
        width: 100%;
        margin: 0 0 6px 0;
    }

    .item-publish .selection {
        flex-direction: column;
        gap: 8px;
    }

    .item-publish .status-wrap {
        flex-direction: column;
    }

    .item-publish .row.region, .item-publish .row.city {
        width: 100%;
        padding-right: 0;
    }

    .item-publish .row.address {
        width: calc(100% - 120px);
    }

    .item-publish .row.zip {
        width: 120px;
    }

    .item-publish .row.phone, .item-publish .row.user-email {
        width: 100%;
        padding-right: 0;
    }

    .item-publish .row.phone {
        margin-bottom: 16px;
    }

    .item-publish .buttons-block button.btn {
        max-width: 100%;
        width: 100%;
    }

    .item-publish .row .input-box-slider {
        padding-left: 0;
        padding-right: 0;
        flex-direction: row-reverse;
        width: auto;
    }

    .upload-photos .qq-upload-list {
        grid-template-columns: 1fr 1fr;
    }
}

/* TABBER */
.tabberlive .tabbertab.tabbertabhide {
    display: none;
}

.tabberlive {
    margin: 5px 0 5px 0;
    width: 100%;
}

ul.tabbernav {
    margin: 0;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a {
    padding: 10px 5px 8px 5px;
    color: var(--mb-color2, #2c2c2c);
    margin-right: 5px;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    display: inline-block;
}

ul.tabbernav li a:hover {
    border-bottom-color: var(--mb-color-primary);
}

ul.tabbernav li.tabberactive a {
    transition: 0s;
    font-weight: 600;
    border-bottom: 2px solid var(--mb-color-primary);
    color: var(--mb-color-primary);
}

ul.tabbernav li.tabberactive a:hover {
}

.tabberlive .tabbertab {
    padding: 10px 0px;
    border: none;
    display: inline-block;
    width: 100%
}

.tabberlive .tabbertab h2 {
    display: none;
}

.tabberlive .tabbertab h3 {
    display: none;
}

.tabberlive .tabbertab ul {
    width: 100%;
    display: inline-block;
    padding: 0;
}

.tabberlive .tabbertab ul li {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px 0;
}

.tabberlive .tabbertab ul li input[type="text"] {
    margin-right: 5px;
}

.tabberlive .tabbertab textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 120px;
    min-height: 60px;
    max-height: 240px;
}

.tabberlive > button {
    margin-top: 10px;
}

/* BANNERS — size the .myad box only; do not style customer AdSense code inside .text */
.container.banner-box {
    text-align: center;
    width: 100%;
}

.container.banner-box > .inside {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    display: block;
    text-align: center;
}

body#home > .content > .container.banner-box:has(.banner-home_top) {
    margin-top: 16px;
}

.banner-theme {
    display: block;
    margin: 0 0 16px 0;
    float: none;
    text-align: center;
    width: 100%;
    max-width: 100%;
    border: none;
    box-sizing: border-box;
}

.lab + .banner-theme {
    margin: 0;
    height: auto;
}

.banner-theme .myad {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: top;
}

.banner-theme#banner-theme .myad {
    text-align: center;
}

.banner-theme#banner-theme .myad .text {
    margin: auto;
    text-align: center;
    line-height: 1.25;
    font-size: 14px;
    width: 100%;
}

.banner-theme#banner-theme .myad .text .demo-text {
    margin: auto;
    text-align: center;
    padding: 8px;
}

.banner-theme#banner-theme.is-demo:not(.is-visible):not(.is-demo-shown) {
    display: none;
}

.banner-box.is-demo:has(.banner-theme#banner-theme.is-demo:not(.is-visible):not(.is-demo-shown)) {
    display: none;
}

.banner-theme#banner-theme.is-demo .myad:has(.demo-text) {
    border: 1px solid var(--mb-color10);
    font-family: monospace;
    color: var(--mb-color1);
    background-color: var(--mb-color14);
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(-45deg, var(--mb-color13) 0, var(--mb-color13) 1px, var(--mb-color14) 0, var(--mb-color14) 50%);
}

.banner-theme#banner-theme.is-demo .myad:has(.demo-text) .text span {
    display: block;
}

.banner-theme#banner-theme.is-demo .myad:has(.demo-text) .text strong {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    margin: 4px 0 0 0;
    color: var(--mb-color6);
    font-weight: normal;
}

/* Spacing — even gaps; parent flex gap preferred over stacked margins */
.container.banner-box .banner-theme, .banner-home_top, .banner-home_middle, .banner-home_bottom, .banner-static_page_top, .banner-static_page_bottom, .banner-body_left, .banner-body_right, .banner-search_side, .banner-public_profile_sidebar, .banner-item_bottom, #search-items > .banner-theme, #public-main > .banner-theme, #public-main .box > .banner-theme, #item .container.primary > .banner-theme, #item-main > .banner-theme, #item-side > .banner-theme, #item .ibox > .banner-theme {
    margin: 0;
}

/* Neutralize list/grid padding so mid/bottom banners sit evenly */
#search-items > .products.list:has(+ .banner-theme) > .simple-prod:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#search-items > .products.grid:has(+ .banner-theme) > .simple-prod .simple-wrap {
    margin-bottom: 0;
}

#public-main .box > .products.list:has(+ .banner-theme) > .simple-prod:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#public-main .box > .products.grid:has(+ .banner-theme) > .simple-prod .simple-wrap {
    margin-bottom: 0;
}

#public-main .box > .paginate:has(+ .banner-theme) {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Full-width banner row in page layouts */
#search-items > .banner-theme, #public-main > .banner-theme, #public-main .box > .banner-theme, #item-main > .banner-theme, #item-side > .banner-theme, #item .ibox > .banner-theme, #item .container.primary > .banner-theme, #seller > .banner-theme {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#public-main .banner-public_profile_top, #public-main .banner-public_profile_middle, #public-main .banner-public_profile_bottom {
    padding: 0 16px;
    box-sizing: border-box;
}

/* Fixed banner sizes when Optimize for AdSense is off */
.banner-home_top .myad, .banner-home_middle .myad, .banner-home_bottom .myad, .banner-static_page_top .myad, .banner-static_page_bottom .myad {
    width: 970px;
    max-width: 100%;
    height: 90px;
}

.banner-search_top .myad, .banner-search_middle .myad, .banner-search_bottom .myad, .banner-item_top .myad, .banner-item_image .myad, .banner-item_bottom .myad, .banner-item_description .myad, .banner-public_profile_top .myad, .banner-public_profile_middle .myad, .banner-public_profile_bottom .myad {
    width: 728px;
    max-width: 100%;
    height: 90px;
}

.banner-item_sidebar .myad, .banner-public_profile_sidebar .myad {
    width: 300px;
    max-width: 100%;
    height: 250px;
}

.banner-item_sidebar_bottom .myad {
    width: 300px;
    max-width: 100%;
    height: 250px;
}

.banner-search_side .myad {
    width: 160px;
    max-width: 100%;
    height: 600px;
}

.banner-body_left .myad, .banner-body_right .myad {
    width: 160px;
    max-width: 100%;
    height: 600px;
    max-height: calc(100vh - 111px);
}

/* Optimize for AdSense — full width, keep fixed height on the banner box */
.banner-theme#banner-theme.opt-adsense {
    display: block;
    width: 100%;
    max-width: 100%;
}

.banner-home_top.opt-adsense, .banner-home_middle.opt-adsense, .banner-home_bottom.opt-adsense, .banner-static_page_top.opt-adsense, .banner-static_page_bottom.opt-adsense {
    width: 100%;
    max-width: 100%;
}

.banner-theme#banner-theme.opt-adsense .myad {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.banner-theme#banner-theme.opt-adsense .myad .text {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: 0;
    box-sizing: border-box;
}

.banner-theme#banner-theme.opt-adsense.is-demo .myad .text {
    padding: 8px 10px;
}

/* Banner box heights when Optimize for AdSense is on */
.banner-theme#banner-theme.banner-home_top.opt-adsense .myad, .banner-theme#banner-theme.banner-home_middle.opt-adsense .myad, .banner-theme#banner-theme.banner-home_bottom.opt-adsense .myad, .banner-theme#banner-theme.banner-static_page_top.opt-adsense .myad, .banner-theme#banner-theme.banner-static_page_bottom.opt-adsense .myad {
    width: 100%;
    height: 90px;
    min-height: 90px;
}

.banner-theme#banner-theme.banner-search_top.opt-adsense .myad, .banner-theme#banner-theme.banner-search_middle.opt-adsense .myad, .banner-theme#banner-theme.banner-search_bottom.opt-adsense .myad, .banner-theme#banner-theme.banner-item_top.opt-adsense .myad, .banner-theme#banner-theme.banner-item_image.opt-adsense .myad, .banner-theme#banner-theme.banner-item_bottom.opt-adsense .myad, .banner-theme#banner-theme.banner-item_description.opt-adsense .myad, .banner-theme#banner-theme.banner-public_profile_top.opt-adsense .myad, .banner-theme#banner-theme.banner-public_profile_middle.opt-adsense .myad, .banner-theme#banner-theme.banner-public_profile_bottom.opt-adsense .myad {
    width: 100%;
    height: 90px;
    min-height: 90px;
}

.banner-theme#banner-theme.banner-item_sidebar.opt-adsense .myad, .banner-theme#banner-theme.banner-public_profile_sidebar.opt-adsense .myad {
    width: 100%;
    height: 250px;
    min-height: 250px;
}

.banner-theme#banner-theme.banner-item_sidebar_bottom.opt-adsense .myad {
    width: 100%;
    height: 600px;
    min-height: 600px;
}

.banner-theme#banner-theme.banner-search_side.opt-adsense .myad, .banner-theme#banner-theme.banner-body_left.opt-adsense .myad, .banner-theme#banner-theme.banner-body_right.opt-adsense .myad {
    width: 100%;
    height: 600px;
    min-height: 600px;
}

.banner-theme#banner-theme.banner-body_left.opt-adsense .myad, .banner-theme#banner-theme.banner-body_right.opt-adsense .myad {
    max-height: calc(100vh - 111px);
}

/* Side rails — pinned beside content (1024px default / 1200px public+UA), below header */
.body-banner {
    position: fixed;
    top: 87px;
    bottom: 24px;
    left: max(0px, calc(50% - 512px - 168px));
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 160px;
    max-width: calc(50% - 512px - 8px);
    overflow: hidden;
    pointer-events: none;
    box-sizing: border-box;
}

.body-banner.bright {
    left: auto;
    right: max(0px, calc(50% - 512px - 168px));
}

.body-banner .banner-theme {
    pointer-events: auto;
    display: block;
    width: 100%;
    max-width: 160px;
    margin: 0;
}

.body-banner .banner-theme.opt-adsense .myad {
    max-height: calc(100vh - 111px);
}

.osc-has-admin-header .body-banner {
    top: 121px;
}

.osc-has-admin-header .banner-body_left .myad, .osc-has-admin-header .banner-body_right .myad, .osc-has-admin-header .body-banner .banner-theme.opt-adsense .myad {
    max-height: calc(100vh - 145px);
}

html[dir="rtl"] .body-banner.bleft {
    left: auto;
    right: max(0px, calc(50% - 512px - 168px));
}

html[dir="rtl"] .body-banner.bright {
    right: auto;
    left: max(0px, calc(50% - 512px - 168px));
}

/* Public profile + user account use 1200px content width */
body#public .body-banner, body.body-ua .body-banner {
    left: max(0px, calc(50% - 600px - 168px));
    max-width: calc(50% - 600px - 8px);
}

body#public .body-banner.bright, body.body-ua .body-banner.bright {
    left: auto;
    right: max(0px, calc(50% - 600px - 168px));
}

html[dir="rtl"] body#public .body-banner.bleft, html[dir="rtl"] body.body-ua .body-banner.bleft {
    left: auto;
    right: max(0px, calc(50% - 600px - 168px));
}

html[dir="rtl"] body#public .body-banner.bright, html[dir="rtl"] body.body-ua .body-banner.bright {
    right: auto;
    left: max(0px, calc(50% - 600px - 168px));
}

@media screen and (max-width: 1199px) {
    .body-banner {
        display:none!important;
    }
}

@media screen and (max-width: 1535px) {
    body#public .body-banner, body.body-ua .body-banner {
        display:none!important;
    }
}

#public-side-banner {
    width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}

#public-side-banner:not(:has(*)) {
    display: none;
}

#public-side-banner .lab {
    width: 100%;
    margin: 0 0 4px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: var(--mb-color6);
    text-align: center;
}

body#public .container.primary:has(#public-side-banner > *) #public-main {
    width: calc(100% - 316px);
}

@media screen and (max-width: 1024px) {
    body#public .container.primary {
        flex-direction:column;
    }

    body#public .container.primary:has(#public-side-banner > *) #public-main {
        width: 100%;
    }

    #public-side-banner {
        width: 100%;
        position: relative;
        top: auto;
        align-items: center;
    }
}

/* CUSTOM INPUT BOX AND CHECKBOX */
/* .input-box {width: 100%;display:inline-block;margin: 0 0 20px 0; position: relative;} */
/* .input-box:not(.picker) .clean, .filter-menu .input-box.picker .clean {display:none;z-index:2;padding:2px;text-align:center;cursor:pointer;transition:0.2s;position:absolute;right:3px;top:calc(50% - 12px);font-size:16px;line-height:20px;color:#999;fill:#999;width:24px;height:24px;border-radius:5px;} */
/* .input-box:not(.picker) svg.clean, .filter-menu .input-box.picker svg.clean {padding:0;margin:0 5px;} */
/* .input-box .clean:hover {color:#666;} */
/* .input-box-check {width:100%;display:inline-block;margin:5px 0;} */
/* .input-box-check input[type="checkbox"] {opacity:0.01;position:absolute;z-index:1;overflow:hidden;background:transparent;padding:0!important;width:1px!important;height:1px!important;margin:0!important;box-shadow:none!important;} */
/* .input-box-check label {cursor:pointer;position:relative;float:left;padding:2px 0 0 27px!important;line-height:16px;font-size:14px;width:auto;clear:both;font-weight:normal;} */
/* .input-box-check label:hover {text-decoration:underline;} */
/* .input-box-check label:before {cursor:pointer;content: ""; width: 20px; height: 20px; border: 1px solid #d4d4d4;font-weight:500; text-shadow: none; position: absolute; top: 0; left: 0;text-shadow:none;box-shadow: 0px 1px 1px rgba(0,0,0,0.06);border-radius: 4px;transition:0.1s;} */
/* .input-box-check label:hover:before {border-color:#a3a3a3;} */
/* .input-box-check input[type="checkbox"]:focus + label:before {border-color:var(--mb-color-primary);box-shadow:0 0 0 1px var(--mb-color-primary);} */
/* .input-box-check label:after {cursor: pointer; text-indent: 0px; font-family: "Font Awesome 5 Free"; content: "\f00c"; color: transparent; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 900; text-shadow: none; position: absolute; top: 0px; left: 0px;border-radius: 4px;transition:0.1s;} */
/* .input-box-check input[type="checkbox"]:checked + label:before {background:var(--mb-color-primary);border-color:var(--mb-color-primary);} */
/* .input-box-check input[type="checkbox"]:checked + label:after {color:#fff;} */
.input-box {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    position: relative;
}

.input-box:not(.picker) .clean, .filter-menu .input-box.picker .clean {
    display: none;
    z-index: 2;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    right: 3px;
    top: calc(50% - 12px);
    font-size: 16px;
    line-height: 20px;
    color: #999;
    fill: #999;
    width: 24px;
    height: 24px;
    border-radius: 5px;
}

.input-box:not(.picker) svg.clean, .filter-menu .input-box.picker svg.clean {
    padding: 0;
    margin: 0 5px;
}

.input-box .clean:hover {
    color: #666;
}

.input-box-check {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.input-box-check input[type="checkbox"] {
    opacity: 0.01;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: transparent;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: 0!important;
    box-shadow: none!important;
}

.input-box-check label {
    cursor: pointer;
    position: relative;
    float: left;
    padding: 2px 0 0 26px!important;
    line-height: 16px;
    font-size: 14px;
    width: auto;
    clear: both;
    font-weight: normal;
}

.input-box-check label:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border: var(--mb-input-border, 1px solid #7e838d);
    border-radius: 6px;
    background: #fff;
}

.input-box-check label:hover:before {
    border-color: var(--mb-input-hover-border-color, #42454f);
    box-shadow: var(--mb-input-hover-shadow);
}

.input-box-check input[type="checkbox"]:focus + label:before {
    border-color: var(--mb-color-primary);
}

.input-box-check label:after {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    border-radius: 6px
}

.input-box-check input[type="checkbox"]:checked + label:before {
    background: var(--mb-color-primary);
    border-color: var(--mb-color-primary);
}

.input-box-check input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

em.input-info, em.input-warning, em.input-error {
    font-style: normal;
    display: inline-block;
    width: 100%;
    border-radius: 12px;
    margin: 0 0 4px 0;
    padding: 10px 12px 10px 36px;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    color: #5d616c;
    background: #e6eaf1;
}

.input-box + em.input-info, .input-box + em.input-warning, .input-box + em.input-error {
    margin-top: 8px;
}

em.input-warning {
    background: #faeec9;
    color: #85550c;
}

em.input-info:before, em.input-warning:before, em.input-error:before {
    font-weight: 900;
    content: "\f05a";
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 10px;
    font-size: 16px;
    top: calc(50% - 10px);
    color: inherit;
    font-family: "Font Awesome 5 Free";
}

em.input-warning:before {
    content: "\f06a";
}

/* SLIDER INPUT CHECKBOX */
label.input-box-slider, a.input-box-slider {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: normal;
    gap: 8px;
    cursor: pointer;
    position: relative;
    margin: 0;
    text-decoration: none;
}

a.input-box-slider:hover {
    text-decoration: none;
}

.input-box-slider input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    top: 50%;
    left: 0;
}

.input-box-slider .slider {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 22px;
    background: #d4d4d4;
    border: 1px solid #d4d4d4;
    border-radius: 99px;
    transition: .2s
}

.input-box-slider .slider:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 50%;
    transition: .2s;
    box-sizing: border-box
}

.input-box-slider input:checked + .slider, .input-box-slider.checked .slider {
    background: #0a8800;
}

.input-box-slider input:checked + .slider:before, .input-box-slider.checked .slider:before {
    transform: translateX(20px)
}

.input-box-slider:hover .slider {
    background: #e4e4e4;
}

/* CHROME SCROLL BARS */
.nice-scroll-wrap {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
}

.nice-scroll, .ns {
    scrollbar-width: thin;
    scrollbar-color: #9e9e9e rgba(0,0,0,0.05);
}

.nice-scroll::-webkit-scrollbar, .ns::-webkit-scrollbar {
    box-shadow: none;
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,0.05);
}

.nice-scroll::-webkit-scrollbar-thumb, .ns::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: rgba(0,0,0,0.3);
    background-clip: initial;
    box-shadow: none;
}

.nice-scroll::-webkit-scrollbar-thumb:hover, .ns::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.6);
}

.nice-scroll-prev, .nice-scroll-next {
    transition: 0.2s;
    color: #fff;
    display: none;
    position: absolute;
    border-radius: 100px;
    left: 0;
    top: calc(50% - 32px);
    height: 52px;
    width: 52px;
    padding: 8px;
    z-index: 4;
    text-indent: -2px;
}

.nice-scroll-prev.disabled, .nice-scroll-next.disabled {
    opacity: 0.25;
    cursor: default;
}

.nice-scroll-prev.disabled .icon, .nice-scroll-next.disabled .icon {
    cursor: default;
}

.nice-scroll-next {
    right: 0;
    left: auto;
    text-indent: 2px;
}

.nice-scroll-next:not(.disabled):hover, .nice-scroll-prev:not(.disabled):hover {
    transform: scale(1.15);
    color: var(--mb-color-primary);
}

.nice-scroll-prev .icon, .nice-scroll-next .icon {
    fill: #222;
    transition: 0.2s;
    cursor: pointer;
    width: 32px;
    padding: 5px 0;
    height: 32px;
    border-radius: 100px;
    background: #f2f2f2;
    text-align: center;
    box-shadow: 0 0.5px 3px rgba(0,0,0,0.35);
    line-height: 24px;
    font-size: 18px;
}

.nice-scroll-next .icon {
    padding-left: 2px;
}

.nice-scroll-prev .icon {
    padding-right: 2px;
}

.nice-scroll-prev:not(.disabled):focus .icon, .nice-scroll-next:not(.disabled):focus .icon {
    box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 0 0 1px var(--mb-color-primary);
}

.nice-scroll.no-visible-scroll, .no-visible-scroll {
    scrollbar-width: none!important;
    -ms-overflow-style: none;
}

.nice-scroll.no-visible-scroll::-webkit-scrollbar, .no-visible-scroll::-webkit-scrollbar {
    display: none;
}

.nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev, .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
    top: -60px;
    width: 44px;
    padding-left: 4px;
    padding-right: 4px;
    right: -4px;
    margin: 0;
    display: block;
}

.nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev {
    margin-right: 40px;
    left: auto;
}

.nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev .icon, .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next .icon {
    background: #fff;
}

/* RATING */
body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.s4 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .rating.h4 i.i5:before {
    font-weight: 400;
    content: "\f005";
}

body .mo-nav a.active, body .mo-nav a:hover {
    border-bottom-color: var(--mb-color-primary);
}

/* CLICK RATING */
body .rating.s1 i.i1:before {
    content: "\f005";
    font-weight: 400;
}

body .rating.s1 i.i2:before, body .rating.s1 i.i3:before, body .rating.s1 i.i4:before, body .rating.s1 i.i5:before {
    content: "\f005";
    font-weight: 400;
}

body .rating.s2 i.i1:before, body .rating.s2 i.i2:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.s2 i.i3:before, body .rating.s2 i.i4:before, body .rating.s2 i.i5:before {
    content: "\f005";
    font-weight: 400;
}

body .rating.s3 i.i1:before, body .rating.s3 i.i2:before, body .rating.s3 i.i3:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.s3 i.i4:before, body .rating.s3 i.i5:before {
    content: "\f005";
    font-weight: 400;
}

body .rating.s4 i.i1:before, body .rating.s4 i.i2:before, body .rating.s4 i.i3:before, body .rating.s4 i.i4:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.s4 i.i5:before {
    content: "\f005";
    font-weight: 400;
}

body .rating.s5 i.i1:before, body .rating.s5 i.i2:before, body .rating.s5 i.i3:before, body .rating.s5 i.i4:before, body .rating.s5 i.i5:before {
    content: "\f005";
    font-weight: bold;
}

/* HOVER RATING */
body .rating.h1 i.i1:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.h1 i.i2:before, body .rating.h1 i.i3:before, body .rating.h1 i.i4:before, body .rating.h1 i.i5:before {
    content: "\f005";
}

body .rating.h2 i.i1:before, body .rating.h2 i.i2:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.h2 i.i3:before, body .rating.h2 i.i4:before, body .rating.h2 i.i5:before {
    content: "\f005";
}

body .rating.h3 i.i1:before, body .rating.h3 i.i2:before, body .rating.h3 i.i3:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.h3 i.i4:before, body .rating.h3 i.i5:before {
    content: "\f005";
}

body .rating.h4 i.i1:before, body .rating.h4 i.i2:before, body .rating.h4 i.i3:before, body .rating.h4 i.i4:before {
    content: "\f005";
    font-weight: bold;
}

body .rating.h4 i.i5:before {
    content: "\f005";
}

body .rating.h5 i.i1:before, body .rating.h5 i.i2:before, body .rating.h5 i.i3:before, body .rating.h5 i.i4:before, body .rating.h5 i.i5:before {
    content: "\f005";
    font-weight: bold;
}

/* MODALS */
body .modal-content, body .modal-box, body #sviModal {
    border-radius: 16px!important;
}

html.scroll-locked, body.scroll-locked {
    overflow: hidden!important;
    overscroll-behavior: none;
}

body.scroll-locked {
    position: fixed!important;
    width: 100%;
}

.modal-cover {
    overscroll-behavior: none;
}

.modal-cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 98;
    backdrop-filter: unset!important;
    background: rgba(0,0,0,0.5);
    overscroll-behavior: none;
}

#etaModal {
    display: none;
    background: #fff;
    position: fixed;
    width: 640px;
    height: 480px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    z-index: 995;
    box-shadow: 0 5px 30px rgb(0 0 0 / 70%);
}

#etaModal.modal-fullscreen {
    overflow: hidden;
    width: auto;
    height: auto;
    top: auto;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
    min-height: 95svh;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border-radius: 16px 16px 0 0;
    transform: none;
    max-width: 100svw;
    max-height: 100%;
}

#etaModal.modal-fullscreen, #etaModal.modal-fullscreen .modal-content, #etaModal.modal-fullscreen .modal-content .modal-iframe {
    border-radius: 16px 16px 0 0!important;
}

#etaModal.modal-fullscreen.is-inline {
    top: auto;
    min-height: 200px;
    max-height: 95svh;
}

#etaModal.modal-fullscreen .modal-content .modal-iframe {
    overflow: hidden;
}

#etaModal .modal-close, #etaModal .head .subbox-close {
    display: block;
    cursor: pointer;
    border-radius: 100px;
    transition: 0.1s;
    position: absolute;
    z-index: 99;
    color: var(--mb-color5);
    background: #f4f4f4;
    text-align: center;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

#etaModal .modal-close:hover, #etaModal .head .subbox-close:hover {
    background: #e4e4e4;
}

#etaModal .modal-close i, #etaModal .head .subbox-close i {
    line-height: 24x;
    display: inline-block;
}

#etaModal .modal-close svg, #etaModal .head .subbox-close svg {
    width: 22px;
    height: 22px;
    fill: var(--mb-color5);
    z-index: 12;
}

#etaModal .head .subbox-close {
    left: 15px;
    right: auto;
    display: none;
}

#etaModal .head .subbox-close svg {
    padding: 2px;
}

#etaModal.subbox-opened .head {
    color: transparent;
    font-size: 1px;
}

#etaModal.subbox-opened .head .subbox-close {
    display: flex;
}

#etaModal.modal-fullscreen .head, #item-forms.fullscreen .head {
    padding: 15px 48px 15px 48px;
    line-height: 20px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    text-align: center;
    height: 50px;
}

#etaModal.modal-fullscreen .modal-close, #etaModal.modal-fullscreen .head .subbox-close {
    right: 16px;
    top: 6px;
    background: transparent;
}

#etaModal.modal-fullscreen .modal-close svg, #etaModal.modal-fullscreen .head .subbox-close svg {
    fill: var(--mb-color2);
    color: var(--mb-color2);
}

#etaModal.modal-fullscreen .wrap, #etaModal.modal-fullscreen .confirm-wrap {
    padding: 16px 16px 30px 16px;
    margin-top: 50px;
    max-height: calc(95svh - 50px);
}

!#etaModal.modal-fullscreen .outer-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 95svh;
    margin-top: 0px;
}

#etaModal .modal-close-alt {
    display: none!important;
    position: absolute;
    background: #f4f4f4;
    top: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
}

#etaModal .modal-close-alt:hover {
    background: #e0e0e0;
}

#etaModal .modal-close-alt svg {
    margin: auto;
    color: var(--mb-color7);
    width: 24px;
    height: 24px;
}

#etaModal .modal-content {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    max-height: 100%;
}

#etaModal .modal-content .modal-iframe {
    overflow: hidden;
    background: transparent url(../images/input-loader.webp) no-repeat center center;
    background-size: 40px 40px;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#etaModal, #etaModal .modal-content, #etaModal .modal-content .modal-iframe {
    border-radius: 16px;
}

#etaModal .modal-is-inline .modal-content {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

#etaModal .subhead {
    display: block;
    width: 100%;
    font-weight: 600;
    color: var(--mb-color2, #2c2c2c);
    line-height: 1.2;
    padding: 0px 16px 16px 16px;
    border-bottom: 1px solid #ccc;
}

#etaModal .head, #item-forms .head, #etaModal .confirm-head {
    display: block;
    width: 100%;
    color: var(--mb-color1, #2c2c2c);
    border-radius: 16px 16px 0 0;
    padding: 22px 56px 14px 24px;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: var(--mb-color1);
    text-align: left;
    background: #fff;
    font-family: var(--mb-font-family-header), Helvetica, Arial, sans-serif;
}

#item-forms .head {
    position: fixed;
}

#etaModal .wrap, #etaModal .confirm-wrap {
    float: left;
    clear: both;
    position: relative;
    margin-top: 60px;
    width: 100%;
    overflow-y: auto;
    padding: 16px 24px 24px 24px;
    font-size: 14px;
    line-height: 1.4;
}

#etaModal .wrap > .line {
    margin: 0 0 12px 0;
    width: 100%;
    display: inline-block;
}

#etaModal .wrap > .line.center {
    text-align: center;
}

#etaModal.filter-menu-modal .wrap {
    padding-bottom: 70px;
}

#etaModal.filter-menu-modal .wrap.ohidden, #etaModal .wrap.ohidden {
    overflow: hidden;
    bottom: 0;
}

#etaModal.filter-menu-modal .wrap.ohidden + .buttons {
    display: none;
}

#etaModal .modal-body.modal-is-iframe .modal-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
}

#etaModal .modal-body.modal-is-iframe .modal-content:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 18px;
    height: 26px;
    width: 40%;
    background: #eee;
    z-index: 2;
}

#etaModal.modal-fullscreen .modal-body.modal-is-iframe .modal-content:after {
    left: 30%;
    top: 12px;
}

#etaModal.filter-menu-modal .cap-search .cap-section-mid > .cap-input-box {
    width: calc(100% - 12px);
    margin-right: 12px;
}

#etaModal.filter-menu-modal .cap-search .cap-section-mid > .cap-input-box.cap-checkbox {
    margin-top: 0;
}

#etaModal.filter-menu-modal .cap-search .cap-section-mid > .cap-input-box.cap-checkbox + .cap-input-box.cap-checkbox {
    margin-top: -12px;
}

!#item-forms.fullscreen .head {
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    padding: 18px 50px 12px 16px;
}

#item-forms.fullscreen .middle {
    padding: 16px;
}

#item-forms.fullscreen .content form .row.buttons {
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (max-width: 767px) {
    html[dir="rtl"] #etaModal .head, html[dir="rtl"] #item-forms .head, html[dir="rtl"] #etaModal .confirm-head {
        text-align:center;
        padding: 15px 48px 14px 48px;
    }
}

@media screen and (min-width: 768px) {
    #etaModal .wrap {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    #etaModal.modal-fullscreen .wrap, #etaModal.modal-fullscreen .confirm-wrap {
        padding: 16px;
    }

    !#etaModal .modal-close, #etaModal .head .subbox-close {
        background: transparent;
        fill: var(--mb-color2);
    }

    !#etaModal .modal-close svg, #etaModal .head .subbox-close svg {
        width: 20px;
        height: 20px;
    }
}

/* CONFIRM MODAL */
#etaModal.modal-box.modal-confirm {
    width: 400px;
    height: 240px;
}

#etaModal.modal-confirm .modal-inside, #etaModal.modal-confirm .modal-content, #etaModal.modal-confirm .modal-body {
    height: 100%;
}

#etaModal.modal-confirm .modal-content {
    height: 100%;
}

#etaModal.modal-confirm .confirm-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px 24px 24px 24px;
}

!#etaModal.modal-confirm .confirm-head {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: var(--mb-color1);
    text-align: left;
    margin: 0 0 12px 0;
    font-family: var(--mb-font-family-header), Helvetica, Arial, sans-serif;
}

#etaModal.modal-confirm .confirm-body {
    display: flex;
    flex: 1;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    overflow-y: auto;
    padding: 0 0 8px 0;
}

#etaModal.modal-confirm .confirm-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 8px 0;
}

#etaModal.modal-confirm .confirm-icon i {
    font-size: 36px;
    line-height: 1;
    color: var(--mb-color-primary);
}

#etaModal.modal-confirm .confirm-icon svg {
    width: 40px;
    height: 40px;
    color: var(--mb-color-primary);
    fill: currentColor;
}

#etaModal.modal-confirm .confirm-message {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.45;
    color: var(--mb-color2);
}

#etaModal.modal-confirm .confirm-buttons {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin: 12px 0 0 0;
}

#etaModal.modal-confirm .confirm-buttons .btn {
    height: 40px;
    border-radius: 100px;
    min-width: 100px;
}

#etaModal.modal-confirm .confirm-buttons .btn.btn-confirm {
    margin-left: auto;
    min-width: 140px;
}

html[dir="rtl"] #etaModal.modal-confirm .confirm-buttons .btn.btn-confirm {
    margin-left: 0;
    margin-right: auto;
}

/* IOS SPECIFIC FIXES */
body.device-ios #etaModal .wrap {
    max-height: calc(90dvh - 50px);
}

body.device-ios #etaModal.filter-menu-modal .wrap {
    max-height: calc(90dvh - 120px);
    margin-bottom: 68px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0));
}

body.device-ios #etaModal.filter-menu-modal .wrap.subbox-opened.subbox-category {
    margin-bottom: 0;
    max-height: calc(90dvh - 120px + 68px);
}

/* SAVED ITEMS */
body #sviModal.modal-fullscreen {
    top: 10svh;
    max-height: 95svh;
    height: 95svh;
    border-radius: 16px 16px 0 0!important;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}

body .svi-simple-prod .svi-item-img {
    border-radius: 8px;
}

body #sviModal .modal-close {
    background: transparent;
}

@media screen and (max-width: 440px) {
    body .svi-items {
        padding:12px 8px;
    }

    body .svi-items .svi-simple-prod {
        width: 50%;
    }
}

/* PAGINATION */
.paginate {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.paginate:empty {
    display: none;
}

.paginate ul {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.paginate ul li {
    margin: 0 2px;
}

.paginate ul li a, .paginate ul li span {
    font-weight: bold;
    min-width: 36px;
    text-align: center;
    height: 36px;
    border-radius: 100px;
    font-size: 14px;
    padding: 8px 4px;
    display: inline-block;
    background: #e0e0e0;
    color: var(--mb-color2, #2c2c2c);
}

.paginate ul li a.searchPaginationSelected, .paginate ul li span.searchPaginationSelected, .paginate ul li a:hover, .paginate ul li span:hover {
    color: #f9f9f9;
    background: var(--mb-color-primary);
    text-decoration: none;
}

.paginate ul li i {
    line-height: 20px;
    font-size: 14px;
}

.paginate-alt {
    margin: 12px 0 4px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    clear: both;
    gap: 12px;
}

.paginate-alt .btn {
    margin: 0;
    padding: 14px 24px;
    border-radius: 100px;
    min-width: 20%;
    height: auto;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .paginate-alt .btn {
        flex-grow:1;
        padding: 10px 20px;
    }
}

/* ALERTS */
#alert-form {
    position: relative;
}

#alert-form.loading:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    background: rgba(255,255,255,0.65);
    cursor: wait;
    content: "";
    display: block;
}

#alert-form .text {
    margin: 0 0 20px 0;
}

#alert-form .line a {
    text-decoration: none;
    font-weight: 600;
    color: var(--mb-color-primary);
}

#alert-form .line a:hover {
    text-decoration: underline;
    color: var(--mb-color-primary-hover);
}

#alert-form .inputs {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 0 0 20px 0;
}

#alert-form .inputs input[name="alert_email"] {
    margin: 0 8px 0 0;
    flex-grow: 1;
}

#alert-form .inputs .btn {
    margin: 0;
    white-space: nowrap;
    padding: 10px;
    height: auto;
}

#alert-form .response {
    display: none;
    border-left: 4px solid;
    border-radius: 3px;
    padding: 10px 12px;
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.3;
    background: #f0f0f0;
    box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
}

#alert-form .response.ok {
    border-color: #11c55c;
}

#alert-form .response.duplicate {
    border-color: #4b39e9;
}

#alert-form .response.error {
    border-color: #e72b2b;
}

@media screen and (max-width: 767px) {
    #alert-form .inputs .btn {
        padding-left:20px;
        padding-right: 20px;
    }
}

/* FONT AWESOME ICONS COMPATIBILITY */
.fa-star-o:before {
    font-weight: 400;
    content: "\f005"
}

i.fa:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

i.fa-dollar:before {
    content: "\f155";
}

i.fa-gear:before {
    content: "\f013";
}

i.fa-mobile:before {
    content: "\f3cd";
}

i.fa-star-o:before {
    content: "\f005";
    font-weight: 400;
}

i.fa-warning:before {
    content: "\f071";
}

i.fa-handshake-o:before {
    content: "\f2b5";
    font-weight: 400;
}

i.fa-file-archive-o:before {
    content: "\f1c6";
    font-weight: 400;
}

i.fa-flag-o:before {
    content: "\f024";
    font-weight: 400;
}

i.fa-trash-o:before {
    content: "\f1f8";
}

i.fa-envelope-o:before {
    content: "\f0e0";
    font-weight: 400;
}

i.fa-sign-in:before {
    content: "\f2f6";
}

i.fa-pencil-square-o:before {
    content: "\f044";
    font-weight: 400;
}

i.fa-folder-o:before {
    content: "\f07b";
    font-weight: 400;
}

i.fa-user-o:before {
    content: "\f007";
    font-weight: 400;
}

i.fa-sign-out:before {
    content: "\f2f5";
}

i.fa-clock-o:before {
    content: "\f017";
}

i.fa-repeat:before {
    content: "\f01e";
}

i.fa-newspaper-o:before {
    content: "\f1ea";
    font-weight: 400;
}

i.fa-file-pdf-o:before {
    content: "\f571";
    font-weight: 900;
}

i.fab.fa-share {
    font-family: "Font Awesome 5 Free"!important;
}

i.fab.fa-share:before {
    content: "\f064";
    font-weight: 900;
}

i.fa-mail-reply:before {
    content: "\f3e5";
    font-weight: 900;
}

i.fa-lightbulb-o:before {
    content: "\f00c";
    font-weight: 900;
}

body .osp-options label > div:after, .osp-promote-form label.osp-chk div:after {
    font-size: 11px!important;
    font-weight: 900!important;
}

body .im-error-list.error-list li:before {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
}

body #mo-check.styled .input-box-check label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    left: 0;
}

body .osp-stat > span.osp-issue:after, body .osp-stat > span.osp-201:after, body .osp-stat > span.osp-801:after, body .osp-stat > span.osp-401:after, body .osp-stat > span.osp-601:after {
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
}

body .sms-body .sms-button.loading:before, body .sms-body .sms-button-resend.loading:before {
    font-family: "Font Awesome 5 Free";
    top: 10px;
}

body .oc-chat-button .oc-user-left i.fa-comments-o:before {
    content: "\f27a";
    font-weight: 400;
}

body i.fa-youtube:before,body i.fa-vimeo:before,body i.fa-pinterest-p:before,body i.fa-facebook:before, body i.fa-instagram:before,body i.fa-whatsapp:before, body i.fa-twitter:before, body i.fa-google-plus:before, body i.fa-linkedin:before, body i.fa-pinterest:before {
    font-family: "Font Awesome 5 Brands"!important;
}

body i.fa-cc-mastercard:before {
    font-family: "Font Awesome 5 Brands"!important;
    font-weight: 400;
}

/* 404 ERROR PAGE */
body#p404 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

body#p404 footer {
    margin-top: auto;
}

body#p404 .error404 {
    display: flex;
    text-align: center;
    padding: 12dvh 0;
    gap: 24px;
    flex-direction: column;
    align-items: center;
}

body#p404 .error404 h1 {
    font-size: 36px;
    margin: 0;
}

body#p404 .error404 .info {
    display: flex;
    font-size: 16px;
    color: var(--mb-color9);
    margin: 0;
}

body#p404 .error404 .buttons {
    margin: 16px 0 0 0;
}

body#p404 .error404 .buttons .btn {
    padding-left: 24px;
    padding-right: 24px;
    min-width: 160px;
    border-radius: 100px; 
    height: 40px;
}

/* STATIC CMS PAGE */
body#page {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

body#page footer {
    margin-top: auto;
}

body#page section.text {
    margin-bottom: 10dvh;
}

body#page .page-text {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
}

body#page .page-text h1 {
    margin: 0 0 16px;
    font-size: 2.5em;
    line-height: 1.3;
}

body#page .page-text > h1 {
    margin: 10dvh 0 0 0;
}

body#page .page-text h2 {
    margin: 24px 0 14px;
    font-size: 1.6em;
    line-height: 1.3;
}

body#page .page-text h3 {
    margin: 20px 0 12px;
    font-size: 1.4em;
    line-height: 1.35;
}

body#page .page-text h4 {
    margin: 16px 0 10px;
    font-size: 1.2em;
    line-height: 1.35;
}

body#page .page-text h5 {
    margin: 12px 0 8px;
    font-size: 1.1em;
    line-height: 1.4;
}

body#page .page-text h6 {
    margin: 8px 0 8px;
    font-size: 1em;
    line-height: 1.4;
}

body#page .page-text p {
    margin: 0 0 16px;
}

body#page .page-text ul, body#page .page-text ol {
    margin: 0 0 16px 24px;
    padding: 0;
    max-width: calc(100% - 24px);
}

body#page .page-text li {
    margin: 4px 0;
}

body#page .page-text ul ul {
    list-style: circle;
}

body#page .page-text ul ul ul {
    list-style: square;
}

body#page .page-text ol ol {
    list-style: lower-alpha;
}

body#page .page-text ol ol ol {
    list-style: lower-roman;
}

body#page .page-text ul {
    list-style: disc;
}

body#page .page-text ol {
    list-style: decimal;
}

body#page .page-text blockquote {
    margin: 0 0 16px;
    padding: 16px 20px;
    border-left: 4px solid var(--primary-color,#2563eb);
    background: #f8fafc;
    border-radius: 0 8px 8px 0;
    font-style: italic;
}

body#page .page-text hr {
    margin: 32px 0;
    border: 0;
    border-top: 1px solid #e5e7eb;
}

body#page .page-text a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

body#page .page-text strong {
    font-weight: 700;
}

body#page .page-text em {
    font-style: italic;
}

body#page .page-text u {
    text-decoration: underline;
}

body#page .page-text s {
    text-decoration: line-through;
}

body#page .page-text img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

body#page .page-text figure {
    margin: 24px 0;
}

body#page .page-text figcaption {
    margin-top: 10px;
    font-size: .9em;
    opacity: .75;
    text-align: center;
}

body#page .page-text table {
    width: 100%;
    margin: 0 0 16px;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}

body#page .page-text th {
    font-weight: 600;
    background: #f8fafc;
}

body#page .page-text th, body#page .page-text td {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    text-align: left;
}

body#page .page-text tr:nth-child(even) td {
    background: #fafafa;
}

body#page .page-text pre {
    margin: 0 0 16px;
    padding: 16px;
    overflow: auto;
    border-radius: 8px;
    background: #111827;
    color: #f9fafb;
    line-height: 1.5;
}

body#page .page-text code {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size: .92em;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f3f4f6;
    white-space: break-spaces;
}

body#page .page-text pre code {
    padding: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    white-space: pre;
}

body#page .page-text kbd {
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size: .9em;
    line-height: 1;
}

body#page .page-text iframe, body#page .page-text video {
    max-width: 100%;
}

@media (max-width: 767px) {
    body#page .page-text {
        font-size:14px;
        line-height: 1.5;
        width: 100%;
    }

    body#page .page-text h1 {
        font-size: 2em;
        margin: 2dvh 0 14px;
    }

    body#page .page-text h2 {
        font-size: 1.4em;
        margin: 20px 0 12px;
    }

    body#page .page-text h3 {
        font-size: 1.25em;
        margin: 18px 0 10px;
    }

    body#page .page-text h4 {
        font-size: 1.1em;
        margin: 14px 0 8px;
    }

    body#page .page-text h5, body#page .page-text h6 {
        font-size: 1em;
        margin: 10px 0 8px;
    }

    body#page .page-text ul, body#page .page-text ol {
        margin: 0 0 14px 20px;
    }

    body#page .page-text blockquote {
        padding: 14px 16px;
    }

    body#page .page-text pre {
        padding: 14px;
        overflow-x: auto;
    }

    body#page .page-text table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body#page .page-text th, body#page .page-text td {
        padding: 8px 10px;
    }

    body#page .page-text figure {
        margin: 18px 0;
    }

    body#page .page-text img {
        border-radius: 6px;
    }

    body#page .page-text code {
        font-size: .88em;
    }

    body#page .page-text kbd {
        padding: 2px 5px;
    }
}

/* MAINTENANCE PAGE - REDESIGN 2026 */
body#maintenance {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: #f8fafc;
    font-family: var(--mb-font-family);
    color: var(--mb-font-color);
    -webkit-font-smoothing: antialiased
}

body#maintenance .content {
    width: 100%;
    max-width: 760px;
    margin: 0;
    padding: 0
}

body#maintenance .inside {
    width: 100%;
    margin: 0;
    padding: 0
}

body#maintenance .maintenance {
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 54px 32px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 60px -12px rgba(0,0,0,0.08),0 8px 24px -8px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform .2s ease
}

body#maintenance .maintenance .logo {
    margin: 0 0 24px
}

body#maintenance .maintenance .logo a {
    display: inline-block;
    line-height: 0;
    transition: opacity .2s ease
}

body#maintenance .maintenance .logo a:hover {
    opacity: .8
}

body#maintenance .maintenance .logo img {
    display: block;
    max-height: 48px;
    width: auto;
    margin: 0 auto
}

body#maintenance .maintenance h1 {
    margin: 0;
    font-family: var(--mb-font-family-header);
    font-size: 32x;
    line-height: 1.2;
    font-weight: 700;
    color: var(--mb-font-color-header);
    letter-spacing: -0.02em
}

body#maintenance .maintenance .line1 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    color: var(--mb-color4)
}

body#maintenance .maintenance .line2 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    color: var(--mb-color7)
}

@media screen and (max-width: 767px) {
    body#maintenance {
        padding:16px 12px
    }

    body#maintenance .maintenance {
        padding: 36px 24px 32px;
        border-radius: 24px
    }

    body#maintenance .maintenance::before {
        width: 48px;
        margin-bottom: 22px
    }

    body#maintenance .maintenance .logo {
        margin-bottom: 20px
    }

    body#maintenance .maintenance .logo img {
        max-height: 48px
    }

    body#maintenance .maintenance h1 {
        font-size: clamp(26px,6vw,34px)
    }

    body#maintenance .maintenance .line1 {
        font-size: 16px
    }
}

/* DEFAULT */
a {
    color: var(--mb-color2, #222);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #000;
}

input, select, textarea {
    margin: 0;
    border: var(--mb-input-border, 1px solid #7e838d);
    background: #fff;
    box-shadow: none;
    font-size: 15px;
    line-height: 1.4;
    padding: 0 var(--mb-input-padding, 14px);
    outline: 0;
    font-family: inherit;
    color: #1b1b1b;
    border-radius: var(--mb-input-border-radius, 8px);
}

textarea {
    padding: var(--mb-input-padding, 14px);
}

select {
    cursor: pointer;
    padding: 0 calc(var(--mb-input-padding, 14px) - 0px);
    background: var(--mb-select-background);
    border-color: var(--mb-select-border-color);
    appearance: none;
    padding-right: 48px;
    color: var(--mb-color2);
    background: linear-gradient(var(--mb-select-border-color), var(--mb-select-border-color)) right 40px top / 1px 100% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='currentColor' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 14px center / 10px 6px no-repeat, var(--mb-select-background);
}

input:read-only {
    cursor: default;
    box-shadow: none!important;
    background: #f6f6f6;
}

input:disabled {
    cursor: not-allowed;
    box-shadow: none!important;
    background: #f0f0f0;
}

input.dark, select.dark, textarea.dark {
    border: 1px solid var(--mb-input-dark-border-color);
    background: var(--mb-input-dark-background);
    color: #e6eaf1;
}

input.small, select.small {
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    padding: 0 8px;
}

/* select.small {padding-left:6px;padding-right: 40px;background: linear-gradient(var(--mb-select-border-color), var(--mb-select-border-color)) right 32px top / 1px 100% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='currentColor' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 10px center / 10px 6px no-repeat, var(--mb-select-background);} */
select.dark {
    background: linear-gradient(var(--mb-input-dark-border-color),var(--mb-input-dark-border-color)) right 40px top/1px 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23e6eaf1' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 14px center/10px 6px no-repeat,var(--mb-input-dark-background);
}

select.small {
    padding-left: 8px;
    padding-right: 40px;
    background: linear-gradient(var(--mb-input-dark-border-color),var(--mb-input-dark-border-color)) right 32px top/1px 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='currentColor' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 12px center/10px 6px no-repeat,var(--mb-select-background);
}

select.small.dark {
    background: linear-gradient(var(--mb-input-dark-border-color),var(--mb-input-dark-border-color)) right 32px top/1px 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23e6eaf1' d='M0 0h10L5 6z'/%3E%3C/svg%3E") right 12px center/10px 6px no-repeat,var(--mb-input-dark-background);
}

input[type="file"] {
    background: #fff;
    padding: 4px;
    height: auto;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):hover, select:hover, textarea:hover {
    border-color: var(--mb-input-hover-border-color, #42454f);
    box-shadow: var(--mb-input-hover-shadow);
}

input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active {
    transition: none;
    outline: 2px solid var(--mb-color-primary);
    outline-offset: 2px;
}

input:disabled, select:disabled, textarea:disabled, .enter.disable input#price, .enter.disable select#currency {
    box-shadow: none!important;
    -webkit-text-fill-color: #c6c6c6;
    background-color: #f4f4f4;
    border-color: var(--mb-color11);
    color: #c6c6c6;
    cursor: not-allowed;
}

input[type="text"].cap-input:read-only {
    cursor: text;
}

input, select {
    height: 44px;
}

input[type="checkbox"], input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
}

input[type="radio"]:focus {
    outline: 0;
    box-shadow: none;
}

input[type=file] {
    font-size: 14px;
    line-height: 16px;
    padding: 4px;
}

input[type=file]::file-selector-button {
    margin-right: 8px;
    border: none;
    background: var(--mb-color-secondary);
    padding: 8px 10px;
    border-radius: calc(var(--mb-input-border-radius, 8px) - 2px);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--mb-color-secondary-text);
    cursor: pointer;
    transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
    background: var(--mb-color-secondary-hover);
    color: var(--mb-color-secondary-text);
}

input::placeholder {
    font-style: italic;
}

textarea::placeholder {
    font-style: italic;
}

em.input-error {
    width: auto;
    display: block;
    clear: both;
    margin: 8px 0 2px 0;
    font-size: 13px;
    color: #ad2210;
    font-style: normal;
    line-height: 1.3;
    background-color: #ffdbd6;
}

em.input-error:before {
    font-family: "Font Awesome 5 Free";
    content: "\f06a";
    font-weight: 900;
}

textarea {
    min-height: 44px;
    font-family: inherit;
}

input.input-error:not(:focus), select.input-error:not(:focus), textarea.input-error:not(:focus) {
    border-color: #e72b2b;
    background: rgb(255 204 204 / 30%);
}

select.mini {
    padding: 0 6px;
    font-size: 14px;
    height: 32px;
}

input.mini {
    padding: 5px 6px;
    font-size: 14px;
    height: 32px;
}

body {
    color: var(--mb-font-color, #222);
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: var(--mb-line-height, 1.3);
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--mb-font-family-header), Helvetica, Arial, sans-serif;
    color: var(--mb-font-color-header, #222);
    line-height: var(--mb-line-height-header, 1.3);
    font-weight: 700;
    margin: 0 0 16px 0;
} 

.container {
    max-width: 1300px;
    width: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 0 16px;
    flex-direction: inherit;
}

.container.primary {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
}

button {
    cursor: pointer;
}

.btn, .btn-primary, .btn-primary-outline, .btn-secondary, .btn-secondary-outline, button {
    border: none;
    outline: none;
    line-height: 18px;
    height: 44px;
    color: #fff;
    background: #0a8800;
    position: relative;
    display: flex;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    font-size: 15px;
    text-align: center;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 4px;
}

.btn:hover, .btn-primary:hover, .btn-primary-outline:hover, .btn-secondary:hover, .btn-secondary-outline:hover, button:hover {
    box-shadow: var(--mb-input-hover-shadow);
}

@media screen and (max-width: 767px) {
    input, select, textarea {
        font-size:16px;
    }

    input, select {
        height: 50px;
    }

    textarea {
        min-height: 50px;
    }

    .btn, .btn-primary, .btn-primary-outline, .btn-secondary, .btn-secondary-outline, button {
        height: 50px;
        font-size: 16px;
    }
}

.btn svg {
    height: 20px;
    width: 20px;
    margin: -1px 0;
    fill: #fff;
    color: #fff;
}

.btn:hover, .btn-primary:hover {
    background: #056d05;
    color: #fff;
    text-decoration: none;
}

.btn-secondary {
    background: #0a8800;
    color: #fff;
}

.btn-secondary svg {
    color: #fff;
    fill: #fff;
}

.btn-secondary:hover, .btn-secondary.active {
    background: #056d05;
    color: #fff;
}

.btn-primary-outline {
    background: #fff;
    border: 2px solid var(--mb-color-primary);
    color: var(--mb-color-primary);
}

.btn-primary-outline svg {
    color: var(--mb-color-primary);
    fill: var(--mb-color-primary);
}

.btn-primary-outline:hover, .btn-primary.active {
    background: #fff;
    color: var(--mb-color-primary-hover);
    border-color: var(--mb-color-primary-hover);
}

.btn-secondary-outline {
    background: #fff;
    border: 2px solid var(--mb-color-secondary);
    color: var(--mb-color-secondary);
}

.btn-secondary-outline svg {
    color: var(--mb-color-secondary);
    fill: var(--mb-color-secondary);
}

.btn-secondary-outline:hover, .btn-secondary.active {
    background: #fff;
    color: var(--mb-color-secondary-hover);
    border-color: var(--mb-color-secondary-hover);
}

.btn-white {
    color: var(--mb-color2, #222);
    border: 1px solid #c0c0c0;
    background: #fff;
    box-shadow: none;
    font-weight: 600;
}

.btn-white:hover {
    border-color: #e0e0e0;
    color: #000;
    box-shadow: none;
    background: #f0f0f0;
}

.btn-white svg, .btn-white i {
    color: var(--mb-color2, #222);
    fill: var(--mb-color2, #222);
}

.btn-transparent {
    color: #fff;
    border-color: #fff;
    background: transparent;
    font-weight: 600;
}

.btn-transparent:hover {
    border-color: #fff;
    background: #fff;
    color: var(--mb-color-primary);
}

.btn.mini {
    line-height: 16px;
    height: 30px;
    font-size: 14px;
    padding: 6px 7px;
}

.btn:disabled, .btn.disabled, .btn.btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn.loading {
    position: relative;
    cursor: wait;
    opacity: 0.7;
}

!.btn.loading > * {
    opacity: 0.1;
}

.btn.loading:after {
    position: absolute;
    top: calc(50% - 12px);
    left: 12px;
    content: "";
    background: transparent url('../images/input-loader.webp') no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: 100%;
}

/* Flash message close - isolated from global a / .btn styles */
#flashbox .flashmessage .btn.ico-close,#flashbox .flashmessage a.btn.ico-close,.upload-photos .flashmessage .close,.upload-photos .flashmessage .btn.ico-close,.flashmessage .btn.ico-close,.flashmessage a.btn.ico-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: transparent;
    font-size: 0;
    line-height: 28px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    gap: 0;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
}

#flashbox .flashmessage .btn.ico-close:hover,#flashbox .flashmessage .btn.ico-close:focus,#flashbox .flashmessage .btn.ico-close:active,#flashbox .flashmessage a.btn.ico-close:hover,#flashbox .flashmessage a.btn.ico-close:focus,#flashbox .flashmessage a.btn.ico-close:active,.upload-photos .flashmessage .close:hover,.upload-photos .flashmessage .close:focus,.upload-photos .flashmessage .close:active,.upload-photos .flashmessage .btn.ico-close:hover,.upload-photos .flashmessage .btn.ico-close:focus,.upload-photos .flashmessage .btn.ico-close:active,.flashmessage .btn.ico-close:hover,.flashmessage .btn.ico-close:focus,.flashmessage .btn.ico-close:active,.flashmessage a.btn.ico-close:hover,.flashmessage a.btn.ico-close:focus,.flashmessage a.btn.ico-close:active {
    background: transparent;
    box-shadow: none;
    color: transparent;
    text-decoration: none;
}

#flashbox .flashmessage .btn.ico-close:after,.upload-photos .flashmessage .close:after,.upload-photos .flashmessage .btn.ico-close:after,.flashmessage .btn.ico-close:after,.flashmessage a.btn.ico-close:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: rgba(28,28,28,.45);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    transition: .2s;
}

#flashbox .flashmessage .btn.ico-close:hover:after,#flashbox .flashmessage a.btn.ico-close:hover:after,.upload-photos .flashmessage .close:hover:after,.upload-photos .flashmessage .btn.ico-close:hover:after,.flashmessage .btn.ico-close:hover:after,.flashmessage a.btn.ico-close:hover:after {
    background: rgba(0,0,0,.06);
    color: var(--mb-color1);
}

@media screen and (max-width: 767px) {
    #flashbox .flashmessage .btn.ico-close,#flashbox .flashmessage a.btn.ico-close,.upload-photos .flashmessage .close,.upload-photos .flashmessage .btn.ico-close,.flashmessage .btn.ico-close,.flashmessage a.btn.ico-close {
        width:28px;
        min-width: 28px;
        height: 28px;
        font-size: 0;
    }
}

section, div.content {
    display: block;
    width: 100%;
}

#debug-mode {
    display: none!important;
    position: relative;
    display: block;
    background: rgba(0,0,0,0.9);
    padding: 10px 12px;
    font-size: 12px;
    font-family: monospace;
    line-height: 1.1;
    width: 100%;
    color: #f9f9f9;
}

.footer-hook:empty, .footer-widgets:empty {
    display: none;
}

label {
    font-weight: 600;
    margin: 0 0 4px 0;
    display: inline-block;
    width: 100%;
}

h1 {
    font-size: 28px;
    font-weight: 700;
}

h2 {
    font-size: 22px;
    font-weight: 700;
}

h3 {
    font-size: 18px;
    font-weight: 700;
}

h4 {
    font-size: 16px;
    font-weight: 700;
}

h5 {
    font-size: 15px;
    font-weight: 700;
}

h6 {
    font-size: 14px;
    font-weight: 700;
}

.row {
    display: block;
    width: 100%;
}

.req {
    color: #e90303;
    font-weight: bold;
}

a.toggle-pass {
    position: absolute;
    right: 8px;
    top: 6px;
    margin: 0;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: var(--mb-color2);
    text-align: center;
}

a.toggle-pass:hover {
    color: var(--mb-color5);
}

a.toggle-pass i {
    line-height: 30px;
}

@media screen and (max-width: 767px) {
    a.toggle-pass {
        margin-top:3px;
    }
}

/* RESPONSIVE - MOBILE LAYOUT */
@media screen and (min-width: 1151px) {
    .isMobile:not(.isDesktop), .isTablet:not(.isDesktop) {
        display:none!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .isDesktop:not(.isTablet), .isMobile:not(.isTablet) {
        display:none!important;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
    .isDesktop:not(.isMobile), .isTablet:not(.isMobile) {
        display:none!important;
    }
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 490px) {
}

/* RTL - RIGHT TO LEFT */
html[dir="rtl"], html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] header a#menu-open {
    margin-left: 6px;
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    html[dir="rtl"] header a#menu-open {
        margin-right:-6px;
    }
}

html[dir="rtl"] header .search-line, html[dir="rtl"] #mobile-search {
    margin-left: 2%;
    margin-right: 3%;
}

html[dir="rtl"] header .links {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] header .links > .btn {
    margin: 0 6px 0 0;
}

html[dir="rtl"] header .links > .btn > svg + span {
    text-align: right;
}

html[dir="rtl"] header .links > .btn.btn-mini .counter {
    left: 0;
    right: auto;
}

html[dir="rtl"] header .search-line input[type="text"], html[dir="rtl"] #mobile-search input[type="text"] {
    padding-left: 40px;
    padding-right: 36px;
}

html[dir="rtl"] header .search-line button[type="submit"].btn, html[dir="rtl"] #mobile-search button[type="submit"].btn {
    left: 4px;
    right: auto;
}

html[dir="rtl"] header .search-line .picker.pattern .clean, html[dir="rtl"] #mobile-search .picker.pattern .clean {
    margin-left: 30px;
    margin-right: 0;
}

html[dir="rtl"] header .search-line .picker.pattern.loading:after, html[dir="rtl"] #mobile-search .picker.pattern.loading:after {
    margin-left: 32px;
    margin-right: 0;
}

html[dir="rtl"] header .menu-list {
    left: 0;
    right: auto;
    text-align: right;
}

html[dir="rtl"] header .menu-list .menu-mode-top {
    left: 0;
    right: auto;
}

html[dir="rtl"] header .menu-list .mbox > a, html[dir="rtl"] header .menu-list .mbox .user-menu a {
    text-align: right;
}

html[dir="rtl"] header .menu-list .mbox > a svg.icon {
    left: 12px;
    right: auto;
    transform: scaleX(-1);
}

html[dir="rtl"] header .menu-list .mbox.b1b a .img .edit {
    left: 1px;
    right: auto;
}

html[dir="rtl"] header .citem .info > span:after {
    margin-left: 0;
    margin-right: 6px;
}

html[dir="rtl"] .home-links .list a:before {
    float: right;
    margin: 2px 0 0 4px;
    transform: scaleX(-1);
}

html[dir="rtl"] .home-cats .list a .lab {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: 24px;
    border-radius: 100px 100px 0 100px;
}

html[dir="rtl"] .home-pub .wrap .right {
    left: 0;
    right: auto;
    box-shadow: 2px 0 4px rgba(0,0,0,0.3);
}

html[dir="rtl"] #home-search .search-box {
    text-align: right;
}

html[dir="rtl"] #home-search .search-box .col3 {
    padding-left: 70px;
    padding-right: 32px;
}

html[dir="rtl"] #home-search .search-box .col3 .btn {
    left: 8px;
    right: auto;
}

html[dir="rtl"] #home-search .search-box .input-box {
    padding-left: 28px;
    padding-right: 0;
}

html[dir="rtl"] #home-search .simple-select .text .caret {
    left: 0;
    right: auto;
}

html[dir="rtl"] #home-search .picker.location .results, html[dir="rtl"] #home-search .picker.pattern .results, html[dir="rtl"] #home-search .picker.category .results, html[dir="rtl"] #home-search .simple-select .list {
    right: -32px;
    left: auto;
}

html[dir="rtl"] #home-search .simple-cat .list {
    right: -128px;
    left: auto;
}

html[dir="rtl"] #home-search .picker.location .results {
    left: -68px;
    right: auto;
}

html[dir="rtl"] #home-cat a:first-child {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] #home-cat a:last-child {
    margin-right: 0;
    margin-left: 28px;
}

html[dir="rtl"] #home-cat a .lab {
    left: auto;
    right: 50%;
    border-radius: 100px 100px 0 100px;
}

html[dir="rtl"] .home-business-intro .txt {
    padding-right: 0;
    padding-left: 140px;
}

html[dir="rtl"] .home-business-intro .art {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .home-business-intro .art-blob {
    right: auto;
    left: 8px;
}

html[dir="rtl"] .home-business-intro .art-card-main {
    right: auto;
    left: 28px;
    transform: rotate(4deg);
}

html[dir="rtl"] .home-business-intro .art-card-ok {
    right: auto;
    left: 0;
    transform: rotate(-6deg);
}

html[dir="rtl"] .home-business-intro .art-card-star {
    right: auto;
    left: 86px;
    transform: rotate(10deg);
}

html[dir="rtl"] .home-business .comp .body {
    padding-right: 0;
    padding-left: 72px;
}

html[dir="rtl"] .home-business .comp .rating {
    right: auto;
    left: 0;
}

html[dir="rtl"] .home-business .comp .loc {
    padding-right: 0;
    padding-left: 16px;
}

html[dir="rtl"] .home-business .comp .go {
    right: auto;
    left: 16px;
}

html[dir="rtl"] .home-business .comp .go svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .home-patterns2 .nice-scroll-prev {
    margin-left: 0;
    margin-right: -8px;
}

html[dir="rtl"] .home-patterns2 .nice-scroll-next {
    margin-right: 0;
    margin-left: -8px;
}

html[dir="rtl"] #home-patterns > a.has-cookie-remove {
    padding-left: 6px;
    padding-right: 8px;
}

html[dir="rtl"] #home-patterns > a .cookie-remove {
    margin-left: 0;
    margin-right: 2px;
}

html[dir="rtl"] .picker .option .cookie-remove, html[dir="rtl"] .option.standalone .cookie-remove, html[dir="rtl"] .simple-select .option .cookie-remove {
    left: 10px;
    right: auto;
}

html[dir="rtl"] .picker.v2 .option .cookie-remove {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .picker .option:has(> .cookie-remove), html[dir="rtl"] .option.standalone:has(> .cookie-remove) {
    padding-left: 34px;
}

html[dir="rtl"] #defloc .row.recent a.has-cookie-remove {
    padding-left: 36px;
    padding-right: 36px;
}

html[dir="rtl"] #defloc .row.recent a .cookie-remove {
    left: 8px;
    right: auto;
}

html[dir="rtl"] .simple-prod .img-wrap .favorite-block1 {
    left: 6px;
    right: auto;
}

html[dir="rtl"] .simple-prod .img-wrap .premium-label, html[dir="rtl"] #plabel {
    left: auto;
    right: 6px;
}

html[dir="rtl"] .simple-prod .user-info .user-img-wrap .online {
    left: 2px;
    right: auto;
}

html[dir="rtl"] .products.list > .simple-prod .favorite-block1.isList {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .products.list > .simple-prod .user-info .user-img-wrap {
    left: auto;
    right: 0;
}

html[dir="rtl"] #search-quick-bar > .with-check {
    border-right: none;
    border-left: 1px solid #e0e0e0;
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #search-quick-bar > .simple-sort {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

html[dir="rtl"] #search-quick-bar > .view-type a {
    border-radius: 16px 0 0 0;
}

html[dir="rtl"] #filter-line .simple-select .text {
    padding-left: 28px;
    padding-right: 14px;
}

html[dir="rtl"] #filter-line .simple-select .text > .caret {
    left: 10px;
    right: auto;
}

html[dir="rtl"] #filter-line .counter {
    left: -2px;
    right: auto;
}

html[dir="rtl"] #filter-line .picker.has-icon input[type="text"], html[dir="rtl"] #filter-line .has-icon input[type="text"] {
    padding-left: 8px;
    padding-right: 36px;
}

html[dir="rtl"] #filters-remove a {
    padding-left: 30px;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 6px;
}

html[dir="rtl"] #filters-remove a:after, html[dir="rtl"] #filters-remove a .counter {
    left: 2px;
    right: auto;
}

html[dir="rtl"] .ssfrm label, html[dir="rtl"] .ssfrm h6, html[dir="rtl"] .ssfrm #atr-search .control-group > label {
    text-align: right;
}

html[dir="rtl"] .ssfrm input[type="checkbox"], html[dir="rtl"] .ssfrm input[type="checkbox"] + label, html[dir="rtl"] .ssfrm .sidebar-hooks input[type="radio"] {
    float: right;
}

html[dir="rtl"] .ssfrm .picker.has-icon input[type="text"], html[dir="rtl"] .ssfrm .has-icon input[type="text"] {
    padding-left: 8px;
    padding-right: 38px;
}

html[dir="rtl"] .ssfrm .row.buttons .btn.btn-white {
    margin-left: 10px;
    margin-right: 0;
}

html[dir="rtl"] .cat-box .cat-one a {
    padding-left: 40px;
    padding-right: 10px;
}

html[dir="rtl"] .cat-box .cat-one a.has-subcat:after {
    left: 12px;
    right: auto;
    transform: scaleX(-1);
}

html[dir="rtl"] .navlinks a > svg, html[dir="rtl"] .navlinks a i {
    transform: scaleX(-1);
}

html[dir="rtl"] #item-image .swiper-button {
    right: 10px;
    left: auto;
}

html[dir="rtl"] #item-image .swiper-button.swiper-next {
    left: 10px;
    right: auto;
}

html[dir="rtl"] #item-image .swiper-button svg {
    transform: scaleX(-1);
}

html[dir="rtl"] #item-image .swiper-pg {
    right: 8px;
    left: auto;
}

html[dir="rtl"] #item-image .maximize {
    left: 8px;
    right: auto;
}

html[dir="rtl"] #item #seller2 .about {
    border-left: none;
    border-right: 3px solid #d5dae1;
    padding-left: 0;
    padding-right: 16px;
}

html[dir="rtl"] #comments .comment:has(+ .replies):before {
    left: auto;
    right: 17px;
    border-left: none;
    border-right: 1px solid #e0e0e0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
}

html[dir="rtl"] #comments .comment .top-block {
    padding-left: 30px;
    padding-right: 0;
}

html[dir="rtl"] #comments .comment .top-block a.remove {
    left: 0;
    right: auto;
}

html[dir="rtl"] #comments .comment .data .body > b.ctitle {
    margin-left: 4px;
    margin-right: 0;
}

html[dir="rtl"] #comments .add-comment div svg {
    transform: scaleX(-1);
}

html[dir="rtl"] #comments #comment-replies {
    padding-left: 0;
    padding-right: 46px;
}

html[dir="rtl"] .show-rating.show-stars .ur-rate > span {
    margin-left: 2px;
    margin-right: 0;
}

html[dir="rtl"] #flashbox .flashmessage,html[dir="rtl"] .upload-photos .flashmessage,html[dir="rtl"] .flashmessage {
    padding: 14px 56px 14px 48px;
}

html[dir="rtl"] .flashmessage.flashmessage-inline {
    padding: 14px 16px;
}

html[dir="rtl"] #flashbox .flashmessage:before,html[dir="rtl"] .flashmessage.flashmessage-ok:before,html[dir="rtl"] .flashmessage.flashmessage-error:before,html[dir="rtl"] .flashmessage.flashmessage-warning:before,html[dir="rtl"] .flashmessage.flashmessage-info:before {
    left: auto;
    right: 12px;
}

html[dir="rtl"] #flashbox .flashmessage .btn.ico-close,html[dir="rtl"] #flashbox .flashmessage a.btn.ico-close,html[dir="rtl"] .upload-photos .flashmessage .close,html[dir="rtl"] .upload-photos .flashmessage .btn.ico-close,html[dir="rtl"] .flashmessage .btn.ico-close,html[dir="rtl"] .flashmessage a.btn.ico-close {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .pre-account .box .or span {
    direction: rtl;
}

html[dir="rtl"] footer section .col.action {
    padding-left: 12px;
    padding-right: 0;
}

html[dir="rtl"] footer.compact section .col.action .row.copy {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #user-menu .section a .counter {
    left: 8px;
    right: auto;
}

html[dir="rtl"] #user-menu .section a:has(> .counter) {
    padding-left: 32px;
    padding-right: 10px;
}

html[dir="rtl"] #user-main .pbox.profile-img .user-img-button {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] #user-main .dash > a .icon .count {
    left: -8px;
    right: auto;
}

html[dir="rtl"] #public-main .user-public-profile-search-form .control-group {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

html[dir="rtl"] .simple-select .text, html[dir="rtl"] .ssfrm a.open-category-box {
    float: right;
    text-align: right;
    padding-left: 30px;
    padding-right: 12px;
}

html[dir="rtl"] .simple-select .option:after, html[dir="rtl"] .simple-list .link-check-box > a:after {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .simple-select .text i:not(.help) {
    float: left;
}

html[dir="rtl"] .simple-select .list {
    right: 0;
    left: auto;
}

html[dir="rtl"] .simple-select .option, html[dir="rtl"] .simple-list .link-check-box > a {
    padding-right: 12px;
    padding-left: 36px;
}

html[dir="rtl"] .simple-select .option:before, html[dir="rtl"] .simple-list .link-check-box > a:before {
    left: auto;
    right: 12px;
}

html[dir="rtl"] .simple-select .option.sub1 {
    border-right: 10px solid transparent;
    border-left: none;
}

html[dir="rtl"] .simple-select .option.sub2 {
    border-right: 15px solid transparent;
    border-left: none;
}

html[dir="rtl"] .simple-select .option.sub3 {
    border-right: 20px solid transparent;
    border-left: none;
}

html[dir="rtl"] .picker .icon, html[dir="rtl"] .has-icon .icon, html[dir="rtl"] .input-box .icon-curr {
    left: auto;
    right: 6px;
}

html[dir="rtl"] .picker .clean, html[dir="rtl"] .input-box:not(.picker) .clean, html[dir="rtl"] .filter-menu .input-box.picker .clean {
    left: 3px;
    right: auto;
}

html[dir="rtl"] .picker.location.loading:after, html[dir="rtl"] .picker.pattern.loading:after, html[dir="rtl"] .picker.category.loading:after {
    left: 7px;
    right: auto;
}

html[dir="rtl"] .picker.v2 .results a:after, html[dir="rtl"] .picker.v2 .results .option:after {
    right: 16px;
    left: auto;
}

html[dir="rtl"] .option.standalone svg {
    right: 17px;
    left: auto;
}

html[dir="rtl"] #defloc .row.recent a, html[dir="rtl"] #defloc .row.popular a {
    padding-left: 12px;
    padding-right: 36px;
}

html[dir="rtl"] #defloc .row.recent a svg, html[dir="rtl"] #defloc .row.popular a svg {
    left: auto;
    right: 9px;
}

html[dir="rtl"] #etaModal .modal-close {
    left: 12px;
    right: auto;
}

html[dir="rtl"] #etaModal .head, html[dir="rtl"] #item-forms .head, html[dir="rtl"] #etaModal .confirm-head {
    padding: 22px 24px 14px 56px;
    text-align: right;
}

html[dir="rtl"] #etaModal.modal-fullscreen .head, html[dir="rtl"] #item-forms.fullscreen .head {
    text-align: center;
    padding: 15px 48px;
}

html[dir="rtl"] #etaModal.modal-fullscreen .modal-close, html[dir="rtl"] #etaModal.modal-fullscreen .head .subbox-close {
    left: 16px;
    right: auto;
}

html[dir="rtl"] #etaModal .head .subbox-close {
    right: 15px;
    left: auto;
}

html[dir="rtl"] #etaModal .head .subbox-close svg {
    transform: scaleX(-1);
}

html[dir="rtl"] #item-card .dsc {
    unicode-bidi: bidi-override;
}

html[dir="rtl"] .input-box-check label {
    float: right;
    padding-left: 0!important;
    padding-right: 26px!important;
}

html[dir="rtl"] .input-box-check label:before, html[dir="rtl"] .input-box-check label:after {
    left: auto;
    right: 0;
}

html[dir="rtl"] em.input-info:before, html[dir="rtl"] em.input-warning:before, html[dir="rtl"] em.input-error:before {
    left: auto;
    right: 10px;
}

html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] {
    margin-left: 4px;
    margin-right: 0;
}

html[dir="rtl"] input[type=file]::file-selector-button {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] a.toggle-pass {
    right: auto;
    left: 8px;
}

html[dir="rtl"] .item-publish .category select {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] .item-publish .row.region {
    padding-left: 0;
    padding-right: 16px;
}

html[dir="rtl"] .item-publish .row.address {
    padding-left: 0;
    padding-right: 16px;
}

html[dir="rtl"] .item-publish .row.phone {
    padding-left: 0;
    padding-right: 16px;
}

@media screen and (max-width: 767px) {
    html[dir="rtl"] .item-publish .row.region {
        padding-right:0;
    }
}

html[dir="rtl"] .item-publish .img-container, html[dir="rtl"] .body-ua .img-container {
    left: auto;
    right: 0;
}

html[dir="rtl"] .item-publish .input-box.contact-name input#contactName {
    padding-left: 14px;
    padding-right: 46px;
}

html[dir="rtl"] .item-publish .input-box.contact-name > img {
    left: auto;
    right: 5px;
}

html[dir="rtl"] .item-publish .buttons-block button.btn {
    float: left;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"], html[dir="rtl"] #plugin-hook input[type="radio"] {
    float: right;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"] + label, html[dir="rtl"] #plugin-hook input[type="radio"] + label {
    float: right!important;
    text-align: right;
}

html[dir="rtl"] .upload-photos .qq-upload-delete {
    left: 5px;
    right: auto;
}

html[dir="rtl"] .upload-photos .primary_image {
    left: auto;
    right: 44px;
}

html[dir="rtl"] ul.tabbernav li a {
    margin-left: 5px;
    margin-right: 0;
}

!html[dir="rtl"] .nice-scroll-prev {
    right: 0;
    left: auto;
    text-indent: 2px;
}

!html[dir="rtl"] .nice-scroll-next {
    left: 0;
    right: auto;
    text-indent: -2px;
}

!html[dir="rtl"] .nice-scroll-next .icon {
    padding-right: 0;
    padding-left: 2px;
}

!html[dir="rtl"] .nice-scroll-prev .icon {
    padding-left: 0;
    padding-right: 2px;
}

html[dir="rtl"] i.fa-external-link-alt {
    transform: scaleX(-1);
}

html[dir="rtl"] footer section .col:not(.action) {
    padding-right: 0;
    padding-left: 25px;
}

html[dir="rtl"] footer section .social a i, html[dir="rtl"] footer section .social a svg {
    margin-left: 7px;
    margin-right: 0;
}

!html[dir="rtl"] #search-quick-bar .simple-sort .text {
    padding-left: 28px;
    padding-right: 14px;
}

!html[dir="rtl"] #search-quick-bar .simple-sort .text > span {
    margin-left: 4px;
    margin-right: 0;
}

!html[dir="rtl"] #search-quick-bar .simple-sort .text > .caret {
    left: 8px;
    right: auto;
}

html[dir="rtl"] #search-quick-bar .view-type a.list svg {
    transform: scaleX(-1);
}

html[dir="rtl"] #filter-line .filter-list > a svg {
    margin-left: 7px;
    margin-right: 0;
}

html[dir="rtl"] #filter-line .filter-list > a, html[dir="rtl"] #filter-line .simple-select, html[dir="rtl"] #filter-line .filter-list > select, html[dir="rtl"] #filters-remove a {
    margin-left: 6px;
    margin-right: 0;
}

html[dir="rtl"] #filters-remove a.remove-all {
    padding-left: 30px;
    padding-right: 10px;
}

html[dir="rtl"] #filters-remove a.remove-all i {
    margin-left: 4px;
    margin-right: 0;
}

html[dir="rtl"] #search-main #search-alert .btn > i {
    margin-left: 7px;
    margin-right: 0;
}

html[dir="rtl"] .cat-box .cat-one a i, html[dir="rtl"] .cat-box .cat-one a img, html[dir="rtl"] .cat-box .cat-one a svg {
    margin-left: 12px;
    margin-right: 0;
}

html[dir="rtl"] .cat-box .cat-foot .btn.close-category-box {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] #item-card .img img {
    border-radius: 0 8px 8px 0;
}

html[dir="rtl"] .item-share-box .object > img {
    border-radius: 0 8px 8px 0;
}

!html[dir="rtl"] .items-box .item .buttons > a {
    margin-left: 6px;
    margin-right: 0;
}

!html[dir="rtl"] .items-box .item .buttons > a.delete i {
    margin-left: 2px;
    margin-right: 0;
}

html[dir="rtl"] .items-box .item > a.image .premium-label {
    left: auto;
    right: 6px;
}

html[dir="rtl"] .alerts-box .buttons > a.btn-del {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .paginate ul li a.searchPaginationLast i, html[dir="rtl"] .paginate ul li a.searchPaginationFirst i, html[dir="rtl"] .paginate ul li a.searchPaginationNext i, html[dir="rtl"] .paginate ul li a.searchPaginationPrev i {
    transform: scaleX(-1);
}

html[dir="rtl"] #alert-form .inputs input[name="alert_email"] {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .btn > i {
    margin-left: 3px;
    margin-right: 0;
}

html[dir="rtl"] #filters-remove .flab {
    margin-left: 12px;
    margin-right: 0;
}

html[dir="rtl"] .simple-prod .label {
    border-radius: 6px 20px 20px 6px;
    padding: 0 6px 0 7px;
}

html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev, html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
    left: -4px;
    right: auto;
}

html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev {
    margin-right: 0;
    margin-left: 0px;
    text-indent: 2px;
}

html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
    margin-right: 0;
    margin-left: 40px;
    text-indent: 2px;
}

html[dir="rtl"] header .menu-action {
    padding: 0 1px 0 10px;
}

html[dir="rtl"] select {
    background: var(--mb-select-background);
    padding: 0 calc(var(--mb-input-padding, 14px) - 0px);
    appearance: auto;
}

html[dir="rtl"] select.small.dark {
    padding-left: 42px;
    background: linear-gradient(var(--mb-input-dark-border-color),var(--mb-input-dark-border-color)) left 32px top/1px 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23e6eaf1' d='M0 0h10L5 6z'/%3E%3C/svg%3E") left 12px center/10px 6px no-repeat,var(--mb-input-dark-background);
    appearance: none;
}

html[dir="rtl"] #public-main .user-public-profile-search-form .control-group .controls select {
    background: var(--mb-select-background);
    apperance: auto;
}

html[dir="rtl"] .home-links .list a {
    margin-left: 4px;
    margin-right: 0;
}

html[dir="rtl"] .picker.v2 .option, html[dir="rtl"] .option.standalone {
    padding-left: 16px;
    padding-right: 40px;
}

html[dir="rtl"] .lg-outer {
    text-align: right;
}

html[dir="rtl"] .comment-rating-selected {
    unicode-bidi: bidi-override;
}

html[dir="rtl"] em.input-info, html[dir="rtl"] em.input-warning, html[dir="rtl"] em.input-error {
    padding-left: 12px;
    padding-right: 36px;
}

@media screen and (min-width: 768px) {
    html[dir="rtl"] #home-search .search-box .col-inner:after {
        left:-33px;
        right: auto;
    }
}

html[dir="rtl"] #navi-bar > a .counter {
    left: auto;
    margin-left: 0;
    right: 50%;
    margin-right: 6px;
}

html[dir="rtl"] .ssfrm .price .input-box-check label {
    padding: 0px 22px 0 0!important
}

html[dir="rtl"] .ssfrm .sidebar-hooks .row.radio > label > input[type="radio"] {
    float: right;
    margin: 0 0 0 4px;
}

@media screen and (max-width: 767px) {
    html[dir="rtl"] header a#menu-open {
        margin-right:0;
        margin-left: 6px;
    }

    html[dir="rtl"] header .menu-list {
        left: auto;
        right: 0;
    }

    html[dir="rtl"] #home-search .search-box .col:before {
        left: 16px;
        right: auto;
    }

    html[dir="rtl"] #home-search .picker.location .results, html[dir="rtl"] #home-search .picker.pattern .results, html[dir="rtl"] #home-search .picker.category .results, html[dir="rtl"] #home-search .simple-select .list {
        right: -16px;
        left: auto;
        width: calc(100% + 32px);
    }

    html[dir="rtl"] .home-business-intro .txt {
        padding-left: 0;
    }

    html[dir="rtl"] .home-business-intro .art {
        left: 12px;
        right: 12px;
        transform: none;
    }

    html[dir="rtl"] .home-business .list.nice-scroll {
        padding-right: 0;
        padding-left: 1px;
    }

    html[dir="rtl"] .home-business .comp {
        margin-right: 0;
        margin-left: -1px;
    }

    html[dir="rtl"] .home-business .comp:nth-child(1), html[dir="rtl"] .home-business .comp:nth-child(2) {
        border-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    html[dir="rtl"] .home-business .comp:nth-last-child(1), html[dir="rtl"] .home-business .comp:nth-last-child(2) {
        border-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    html[dir="rtl"] .home-business .comp .body {
        padding-right: 0;
        padding-left: 0;
    }

    html[dir="rtl"] .home-business .comp .rating {
        top: 16px;
        right: auto;
        left: 16px;
    }

    html[dir="rtl"] .home-business .comp .go {
        right: auto;
        left: 16px;
    }

    html[dir="rtl"] .home-business .comp .body > *:last-child {
        padding-right: 0;
        padding-left: 36px;
    }

    html[dir="rtl"] .home-patterns2 .nice-scroll-prev {
        margin-right: 0;
    }

    html[dir="rtl"] .home-patterns2 .nice-scroll-next {
        margin-left: 0;
    }

    html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev, html[dir="rtl"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next {
        left: 0;
        right: auto;
    }

    html[dir="rtl"] #search-quick-bar .simple-select.simple-sort .list {
        left: 0;
        right: auto;
    }

    html[dir="rtl"] #filter-line .filter-list > select, html[dir="rtl"] #filter-line .filter-list > a {
        margin-left: 4px;
        margin-right: 0;
    }

    html[dir="rtl"] .products.list > .simple-prod .favorite-block1.isList {
        left: 0;
        right: auto;
    }

    html[dir="rtl"] .item-publish .row .input-box-slider {
        padding-left: 0;
        padding-right: 0;
    }

    html[dir="rtl"] .item-publish .category select {
        margin-right: 0;
    }

    !html[dir="rtl"] footer section.zero {
        align-items: flex-end;
    }

    html[dir="rtl"] #home-search .search-box .col3 {
        padding: 12px 16px;
    }

    html[dir="rtl"] #home-search .search-box .col3 .btn {
        right: auto;
        left: auto;
    }

    html[dir="rtl"] header .menu-action {
        padding: 0;
    }

    html[dir="rtl"] .products.list > .simple-prod .user-info {
        padding-right: 34px;
        padding-left: 0;
    }

    html[dir="rtl"] #public-main .user-public-profile-search-form .control-group {
        border-left: none;
        border-right: none;
    }
}

/* RTL + DARK */
html[dir="rtl"][mode="dark"] #search-quick-bar > .with-check, html[dir="rtl"][mode="dark"] #search-quick-bar > .simple-sort {
    border-left-color: var(--mb-color-dark9);
}

html[dir="rtl"][mode="dark"] #comments .comment:has(+ .replies):before {
    border-right-color: var(--mb-color-dark9);
}

html[dir="rtl"][mode="dark"] #public-main .user-public-profile-search-form .control-group {
    border-left-color: var(--mb-color-dark9);
}

html[dir="rtl"][mode="dark"] #item #seller2 .about {
    border-right-color: var(--mb-color-dark9);
}

/* DARK MODE */
html[mode="dark"] body {
    background: var(--mb-color-dark1);
    color: var(--mb-font-color);
}

html[mode="dark"] body.white-bg {
    background: var(--mb-color-dark3);
}

html[mode="dark"] body.pre-account {
    background: radial-gradient(circle at 20% 20%, rgba(80, 95, 130, .14), transparent 45%),radial-gradient(circle at 80% 30%, rgba(110, 85, 105, .1), transparent 50%),radial-gradient(circle at 50% 90%, rgba(75, 105, 120, .12), transparent 55%),var(--mb-color-dark1);
}

html[mode="dark"] body#home {
    background: linear-gradient(to bottom, var(--mb-color-dark2) 0, var(--mb-color-dark2) 100px, var(--mb-color-dark1) 400px, var(--mb-color-dark1) 100%);
}

html[mode="dark"] footer {
    box-shadow: 0 0 0 0.5px var(--mb-color-dark9);
}

html[mode="dark"] a {
    color: var(--mb-color1);
}

html[mode="dark"] a:hover {
    color: #fff;
}

html[mode="dark"] a.btn, html[mode="dark"] a.btn-primary, html[mode="dark"] .btn, html[mode="dark"] .btn-primary, html[mode="dark"] button {
    color: #fff;
    background: var(--mb-color-primary);
}

html[mode="dark"] a.btn svg, html[mode="dark"] a.btn-primary svg, html[mode="dark"] .btn svg, html[mode="dark"] .btn-primary svg, html[mode="dark"] button svg {
    color: #fff;
    fill: #fff;
}

html[mode="dark"] a.btn:hover, html[mode="dark"] a.btn-primary:hover, html[mode="dark"] .btn:hover, html[mode="dark"] .btn-primary:hover, html[mode="dark"] button:hover {
    color: #fff;
    background: var(--mb-color-primary-hover);
}

html[mode="dark"] a.btn-secondary, html[mode="dark"] .btn-secondary {
    background: var(--mb-color-secondary);
    color: var(--mb-color-secondary-text);
}

html[mode="dark"] a.btn-secondary svg, html[mode="dark"] .btn-secondary svg {
    color: var(--mb-color-secondary-text);
    fill: var(--mb-color-secondary-text);
}

html[mode="dark"] a.btn-secondary:hover, html[mode="dark"] .btn-secondary:hover, html[mode="dark"] .btn-secondary.active {
    background: var(--mb-color-secondary-hover);
    color: var(--mb-color-secondary-text);
}

html[mode="dark"] a.btn-primary-outline, html[mode="dark"] .btn-primary-outline {
    background: var(--mb-color-dark7);
    color: var(--mb-color-dark17);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] a.btn-primary-outline svg, html[mode="dark"] .btn-primary-outline svg {
    color: var(--mb-color-dark17);
    fill: var(--mb-color-dark17);
}

html[mode="dark"] a.btn-primary-outline:hover, html[mode="dark"] .btn-primary-outline:hover, html[mode="dark"] a.btn-primary-outline.active, html[mode="dark"] .btn-primary-outline.active {
    background: var(--mb-color-dark6);
    color: var(--mb-color-dark23);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] a.btn-primary-outline:hover svg, html[mode="dark"] .btn-primary-outline:hover svg, html[mode="dark"] a.btn-primary-outline.active svg, html[mode="dark"] .btn-primary-outline.active svg {
    color: var(--mb-color-dark23);
    fill: var(--mb-color-dark23);
}

html[mode="dark"] a.btn-secondary-outline, html[mode="dark"] .btn-secondary-outline {
    background: var(--mb-color-dark7);
    color: var(--mb-color-secondary);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] a.btn-secondary-outline svg, html[mode="dark"] .btn-secondary-outline svg {
    color: var(--mb-color-secondary);
    fill: var(--mb-color-secondary);
}

html[mode="dark"] a.btn-secondary-outline:hover, html[mode="dark"] .btn-secondary-outline:hover {
    background: var(--mb-color-dark6);
    color: var(--mb-color-secondary-hover);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] a.btn-secondary-outline:hover svg, html[mode="dark"] .btn-secondary-outline:hover svg {
    color: var(--mb-color-secondary-hover);
    fill: var(--mb-color-secondary-hover);
}

html[mode="dark"] header {
    background: var(--mb-color-dark2);
    border-bottom-color: var(--mb-color-dark10);
}

html[mode="dark"] header .container.cmain {
    background: var(--mb-color-dark2);
}

html[mode="dark"] header .links-hook a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] header .search-line input[type="text"], html[mode="dark"] #mobile-search input[type="text"] {
    background: var(--mb-color-dark7);
    color: var(--mb-color1);
}

html[mode="dark"] header .search-line input[type="text"]:hover, html[mode="dark"] header .search-line input[type="text"]:focus, html[mode="dark"] #mobile-search input[type="text"]:hover, html[mode="dark"] #mobile-search input[type="text"]:focus {
    box-shadow: 0 0 0 1.5px var(--mb-color-dark11)!important;
}

html[mode="dark"] header .search-line .picker.pattern.loading:after, html[mode="dark"] #mobile-search .picker.pattern.loading:after {
    background-color: var(--mb-color-dark7);
}

html[mode="dark"] #mobile-search {
    background: var(--mb-color-dark2);
    border-bottom-color: var(--mb-color-dark10);
}

html[mode="dark"] header .links > .btn.btn-mini {
    background: var(--mb-color-dark2);
}

html[mode="dark"] header .links > .btn.btn-mini:hover, html[mode="dark"] header .links .btn.btn-white:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] header .menu-list {
    background: var(--mb-color-dark4);
    border-color: var(--mb-color-dark10);
}

html[mode="dark"] header .menu-list .menu-list-close svg {
    fill: var(--mb-color2);
}

html[mode="dark"] header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode {
    background: var(--mb-color-dark3);
    color: var(--mb-color5);
}

html[mode="dark"] header .menu-list .menu-list-top .menu-mode-top .switch-light-dark-mode:hover {
    background: var(--mb-color-dark5);
    color: var(--mb-color1);
}

html[mode="dark"] header .menu-list .mbox {
    background: var(--mb-color-dark3);
}

html[mode="dark"] header .menu-list .mbox > a:hover, html[mode="dark"] header .menu-list .mbox .user-menu a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] header .menu-list .mbox > a i, html[mode="dark"] header .menu-list .mbox > a svg:not(.icon), html[mode="dark"] header .menu-list .mbox .user-menu a i {
    color: var(--mb-color5);
}

html[mode="dark"] header .menu-list .mbox.b1a, html[mode="dark"] header .menu-list .mbox.b1b {
    background: transparent;
}

html[mode="dark"] header .menu-list .mbox.b1a p {
    color: var(--mb-color6);
}

html[mode="dark"] header .menu-list .mbox.b1b a .img .edit {
    border-color: var(--mb-color-dark3);
}

html[mode="dark"] header .citem {
    background: var(--mb-color-dark15);
    box-shadow: 0 -1px 0 0 var(--mb-color-dark10);
}

html[mode="dark"] body#home .content section {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .home-info .wrap blockquote {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .home-cats .list {
    background: var(--mb-color-dark10);
}

html[mode="dark"] .home-cats .list a {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .home-cats .list a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .home-business-intro {
    background: var(--mb-color-dark4);
}

html[mode="dark"] .home-business-intro .txt p {
    color: var(--mb-color3);
}

html[mode="dark"] .home-business-intro .txt strong {
    color: var(--mb-color1);
}

html[mode="dark"] .home-business-intro .txt a {
    color: var(--mb-color-primary);
}

html[mode="dark"] .home-business-intro .art-card {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
    color: var(--mb-color1);
}

html[mode="dark"] .home-business-intro .art-card .art-ico {
    background: color-mix(in srgb, var(--mb-color-primary) 22%, var(--mb-color-dark5));
    color: var(--mb-color-primary);
}

html[mode="dark"] .home-business-intro .art-card-ok .art-ico {
    background: color-mix(in srgb, var(--mb-color-primary) 18%, var(--mb-color-dark5));
}

html[mode="dark"] .home-business-intro .art-card-star .art-ico {
    background: color-mix(in srgb, #f5b301 18%, var(--mb-color-dark5));
    color: #f5b301;
}

html[mode="dark"] .home-business .comp {
    background: var(--mb-color-dark5);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .home-business .comp:hover {
    background: var(--mb-color-dark6);
    border-color: var(--mb-color-dark11);
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}

html[mode="dark"] .home-business .comp .rating {
    background: var(--mb-color-dark3);
    color: var(--mb-color1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 0 0 0.5px rgba(255,255,255,0.06);
}

html[mode="dark"] .home-business .comp .rating svg {
    fill: #f5b301;
}

html[mode="dark"] .home-business .comp .go {
    background: var(--mb-color-dark5);
    border-color: var(--mb-color-dark9);
    box-shadow: 0 0 3px 3px var(--mb-color-dark5);
    color: var(--mb-color-primary);
}

html[mode="dark"] .home-business .comp:hover .go {
    background: var(--mb-color-dark6);
    box-shadow: 0 0 3px 3px var(--mb-color-dark6);
}

html[mode="dark"] .home-business .comp .go:hover {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-primary);
}

html[mode="dark"] .home-business .comp .loc svg, html[mode="dark"] .home-business .comp .meta-item svg {
    fill: var(--mb-color7);
}

html[mode="dark"] .home-business .comp .verified, html[mode="dark"] .home-business .comp .verified svg {
    color: var(--mb-color-primary);
    fill: var(--mb-color-primary);
}

html[mode="dark"] .home-business .nice-scroll-prev .icon, html[mode="dark"] .home-business .nice-scroll-next .icon {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #home-search .search-box {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 8px 24px 0px rgba(0,0,0,0.35);
}

html[mode="dark"] #home-search .search-box .col-inner:after {
    background: var(--mb-color-dark9);
}

html[mode="dark"] #home-search .search-box .col:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #home-cat a:hover {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #home-patterns > a {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .cookie-remove:hover, html[mode="dark"] .cookie-remove:focus {
    background: rgba(255,255,255,0.1);
}

html[mode="dark"] .cookie-remove svg {
    fill: var(--mb-color5);
}

html[mode="dark"] .home-patterns2 .nice-scroll-prev .icon, html[mode="dark"] .home-patterns2 .nice-scroll-next .icon {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .home-link-all-wrap {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .simple-prod .img-wrap .favorite-block1 a {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #premium-items .simple-prod.osp-item-is-highlight .simple-wrap, html[mode="dark"] #search-premium-items .simple-prod.osp-item-is-highlight .simple-wrap {
    background: var(--mb-color-dark13)!important;
}

html[mode="dark"] .simple-prod.placeholder .simple-wrap, html[mode="dark"] #search-premium-items .simple-prod.placeholder .simple-wrap, html[mode="dark"] #premium-items .simple-prod.placeholder .simple-wrap {
    background: var(--mb-color-dark4);
    box-shadow: var(--mb-shadow), 0 2px 8px rgba(0,0,0,0.2);
}

html[mode="dark"] .simple-prod.placeholder:hover .simple-wrap, html[mode="dark"] #search-premium-items .simple-prod.placeholder:hover .simple-wrap, html[mode="dark"] #premium-items .simple-prod.placeholder:hover .simple-wrap {
    box-shadow: 0 0 0 1px var(--mb-color-primary), 0 4px 14px rgba(0,0,0,0.3);
}

html[mode="dark"] .simple-prod.placeholder .ph-icon svg {
    fill: var(--mb-color-primary);
}

html[mode="dark"] .simple-prod.placeholder .simple-wrap .dx strong {
    color: var(--mb-color1);
}

html[mode="dark"] .simple-prod.placeholder .simple-wrap .dx span {
    color: var(--mb-color4);
}

html[mode="dark"] .simple-prod.placeholder .btn.btn-primary {
    color: var(--mb-color1);
    background: var(--mb-color-primary-lighter);
    box-shadow: none;
}

html[mode="dark"] .simple-prod.placeholder .btn.btn-primary:hover {
    color: var(--mb-color1);
    background: color-mix(in srgb, var(--mb-color-primary-lighter) 65%, var(--mb-color-primary));
    box-shadow: none;
}

html[mode="dark"] .simple-prod .prop {
    background: var(--mb-color-dark5);
    color: var(--mb-color-dark17);
}

html[mode="dark"] .simple-prod .prop svg {
    fill: rgba(255,255,255,0.5);
}

html[mode="dark"] .simple-prod .label:before {
    background: var(--mb-color-dark1);
}

html[mode="dark"] .simple-prod .label.reserved {
    background: #5a4570;
    color: rgba(255,255,255,0.85);
}

html[mode="dark"] .simple-prod .data .category {
    color: var(--mb-color3);
}

html[mode="dark"] .simple-prod .data .location {
    color: var(--mb-color4);
}

html[mode="dark"] .products.list > .simple-prod .business, html[mode="dark"] #blabel {
    color: var(--mb-color-dark1);
}

html[mode="dark"] .products.list > .simple-prod {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] .products.list > .simple-prod .favorite-block1.isList .svi-save-btn:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #search-main .sbox {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #search-main .sbox.ajax-load-failed {
    background: var(--mb-color-dark14);
}

html[mode="dark"] #search-cat .cat-list > a {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #search-cat .cat-list > a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #filter-line .filter-list > a, html[mode="dark"] #filter-line .simple-select .text, html[mode="dark"] #filter-line .filter-list > select {
    background: var(--mb-color-dark5);
    color: var(--mb-color1);
}

html[mode="dark"] #filter-line .filter-list > a:hover, html[mode="dark"] #filter-line .simple-select .text:hover, html[mode="dark"] #filter-line .simple-select:hover .text, html[mode="dark"] #filter-line .filter-list > select:hover, html[mode="dark"] #filter-line .simple-select.opened .text {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #filter-line .simple-select .option.info {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #filter-line .simple-select input[type="text"], html[mode="dark"] #filter-line .simple-select input[type="number"] {
    background: var(--mb-color-dark4);
}

html[mode="dark"] #filters-remove a {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] #filters-remove a:after, html[mode="dark"] #filters-remove a .counter {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #filters-remove a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #filters-remove a:hover:after, html[mode="dark"] #filters-remove a:hover .counter {
    background: var(--mb-color-dark9);
}

html[mode="dark"] #filters-remove a.remove-all:hover {
    background: var(--mb-color-dark6);
}

html[mode="dark"] .ssfrm .price .delim {
    background: var(--mb-color-dark11);
}

html[mode="dark"] .ssfrm .picker.location.loading:after, html[mode="dark"] .ssfrm .picker.v2.loading:after {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .ssfrm .input-box-slider {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] .ssfrm .input-box-slider:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .ssfrm .row.buttons, html[mode="dark"] .ssfrm .row.lc.opened, html[mode="dark"] .cat-box, html[mode="dark"] .cat-box .cat-one, html[mode="dark"] .cat-box .cat-foot {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .cat-box .cat-one a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .cat-box .cat-one a.all-cat {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark12);
}

html[mode="dark"] .cat-box .cat-one a.all-cat:hover {
    background: var(--mb-color-dark6);
}

html[mode="dark"] .ssfrm:after {
    background: var(--mb-color-dark16);
}

html[mode="dark"] #search-main.loading #search-items:after {
    background: var(--mb-color-dark16);
}

html[mode="dark"] .navlinks a {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .navlinks a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .navlinks a > svg {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #search-quick-bar {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #search-quick-bar > .user-type a:hover, html[mode="dark"] #search-quick-bar > .with-check .input-box-slider:hover, html[mode="dark"] #search-quick-bar > .simple-sort:hover .text, html[mode="dark"] #search-quick-bar > .view-type a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #search-quick-bar > .with-check, html[mode="dark"] #search-quick-bar > .simple-sort {
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] #item .ibox {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #item .ibox.spec1 {
    border-color: var(--mb-color-dark10);
}

html[mode="dark"] #item-image .swiper-container {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #item-image .swiper-button {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item-image .swiper-thumbs li img {
    border-color: var(--mb-color-dark9);
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item-image li a img {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item-side .line1 .img img, html[mode="dark"] #item-card .img img, html[mode="dark"] #comments .add-comment img, html[mode="dark"] header .menu-list .mbox.b1b a .img img, html[mode="dark"] header .menu-action img, html[mode="dark"] .simple-prod .user-info .user-img-wrap img, html[mode="dark"] #public-main #about .img-wrap img, html[mode="dark"] .item-publish .img-container img, html[mode="dark"] .body-ua .img-container img, html[mode="dark"] .item-publish .input-box.contact-name > img {
    background: var(--mb-color-dark6);
}

html[mode="dark"] .items-box .item > a.image img, html[mode="dark"] .simple-prod .img-wrap .img img, html[mode="dark"] .upload-photos .ajax_preview_img, html[mode="dark"] .picker.v2 .option.cat-with-img .img-wrap img {
    background: var(--mb-color-dark5);
}

html[mode="dark"] img[src*="no-image"], html[mode="dark"] img[src*="load-image"] {
    background: var(--mb-color-dark5);
    filter: brightness(0.45);
}

html[mode="dark"] img[src*="default-user-image"] {
    background: var(--mb-color-dark5);
    filter: brightness(0.8);
}

html[mode="dark"] .item-share-box .object > img {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item .details .elem.price {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #item #seller2 .about {
    border-left-color: var(--mb-color-dark9);
}

html[mode="dark"] #item #seller2 #item-rating {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .item-hook table tr:nth-child(odd), html[mode="dark"] .custom-fields .field:nth-child(odd), html[mode="dark"] .job-detail > div:nth-child(odd), html[mode="dark"] .item-hook .realestate-details .list-other-attributes li:nth-child(odd) {
    background-color: var(--mb-color-dark5);
}

html[mode="dark"] #item #seller2 .card .user img {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #item #seller2 .card .phones a > svg {
    fill: #ccc;
}

html[mode="dark"] #item #seller2 .feat > .elem {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #comments .add-comment span {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #comments .add-comment:hover span {
    background: var(--mb-color-dark9);
}

html[mode="dark"] #comments .wrap > .comment {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] #comments .comment:has(+ .replies):before {
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] #comments .comment .top-block a.remove:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item-side .line-rating {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] #item-sticky-box {
    background: var(--mb-color-dark15);
    box-shadow: 0 1px 0 0 var(--mb-color-dark10);
}

html[mode="dark"] .item-share-box .object, html[mode="dark"] #item-card {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #item-forms {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #item-forms .content form .row.buttons {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .pre-account .box {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #report-view .comments_list .comment {
    background: var(--mb-color-dark5);
    border-color: var(--mb-color-dark9);
    border-left-color: var(--mb-color-dark11);
}

html[mode="dark"] #report-view .comments_list .comment.reply {
    background: var(--mb-color-dark4);
    border-color: var(--mb-color-dark9);
    border-left-color: var(--mb-color-primary);
}

html[mode="dark"] #report-form .help-block {
    color: var(--mb-color6);
}

html[mode="dark"] .pre-account.pa-large .box {
    background: transparent;
    box-shadow: none;
}

html[mode="dark"] .pre-account .box .or {
    border-bottom-color: var(--mb-color-dark11);
}

html[mode="dark"] .pre-account .box .or span {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .pre-account.pa-large .box .or span {
    background: var(--mb-color-dark1);
}

html[mode="dark"] #navi-bar {
    background: var(--mb-color-dark15);
}

html[mode="dark"] #navi-bar > a.post svg {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #navi-bar > a .mark {
    background: var(--mb-color-dark3);
}

html[mode="dark"] body.body-ua .ubox, html[mode="dark"] #user-menu, html[mode="dark"] #user-main {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #user-menu .section, html[mode="dark"] #user-menu .section-top {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-menu .user-lead .user-img-wrap img {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #user-menu .section a:hover, html[mode="dark"] #user-menu .section a.active {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #user-main .dash > a {
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-main .dash > a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #user-main .pbox {
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-main .pbox > .row {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-main .pbox > .row.left-border {
    border-left-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-main .pbox > .row.right-border {
    border-right-color: var(--mb-color-dark9);
}

html[mode="dark"] #user-main .pbox.profile-img .img-preview, html[mode="dark"] #user-main .pbox.delete img.user-preview-img {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #user-main .pbox.profile-img .user-img-button .btn.btn-secondary {
    background: var(--mb-color-dark8);
    color: var(--mb-color2);
}

html[mode="dark"] #user-main .empty, html[mode="dark"] #public-main .empty {
    background: var(--mb-color-dark5);
    border-color: var(--mb-color-dark9);
    color: var(--mb-color6);
}

html[mode="dark"] #ur-box-show .mb-total-zero {
    background: var(--mb-color-dark5);
    color: var(--mb-color6);
}

html[mode="dark"] .alerts-box .head-row {
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .alerts-box .head-row .alert-elems .alert-elem {
    background: var(--mb-color-dark5);
    color: var(--mb-color-dark17);
}

html[mode="dark"] .alerts-box .alert-frequency-box {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .alerts-box .details .items #alert-items {
    background: var(--mb-color-dark4);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .alert-frequency > a {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .alert-frequency > a.active, html[mode="dark"] .alert-frequency > a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .items-box .item {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .items-box .item .buttons > a {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .items-box .item .buttons > a:hover {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .items-box .item .props .label {
    background: var(--mb-color-dark6);
    color: var(--mb-color-dark17);
}

html[mode="dark"] .items-box .item .props .label.inactive {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #public-main .box {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #public-main .user-public-profile-search-form {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group {
    border-right-color: var(--mb-color-dark9);
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group > a:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls select {
    color: var(--mb-color1);
    --mb-select-background: transparent;
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls input {
    color: var(--mb-color1);
    background: transparent;
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls select:hover, html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls select:active, html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls select:focus {
    background-color: var(--mb-color-dark6);
    --mb-select-background: var(--mb-color-dark6);
}

html[mode="dark"] #public-main .user-public-profile-search-form .control-group .controls input:focus {
    background-color: var(--mb-color-dark6);
}

html[mode="dark"] #public-main .paginate {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .paginate ul li a, html[mode="dark"] .paginate ul li span {
    background: var(--mb-color-dark5);
    color: var(--mb-color1);
}

html[mode="dark"] .paginate-alt {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] .simple-select .text, html[mode="dark"] .ssfrm a.open-category-box {
    background: var(--mb-color-dark7);
}

html[mode="dark"] .simple-select:hover .text, html[mode="dark"] .simple-select.opened .text, html[mode="dark"] .ssfrm a.open-category-box:hover {
    background: var(--mb-color-dark6);
}

html[mode="dark"] .simple-select .list, html[mode="dark"] .picker.location .results, html[mode="dark"] .picker.pattern .results, html[mode="dark"] .picker.category .results {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .simple-list .link-check-box > a {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] .simple-list .link-check-box > a:hover, html[mode="dark"] .simple-select .option:not(.info):not(.nonclickable):hover {
    background: var(--mb-color-dark5);
    color: var(--mb-color1);
}

html[mode="dark"] .picker.location.loading:after, html[mode="dark"] .picker.pattern.loading:after, html[mode="dark"] .picker.category.loading:after {
    background-color: var(--mb-color-dark7);
}

html[mode="dark"] .picker.v2.loading:after {
    background-color: var(--mb-color-dark6);
}

html[mode="dark"] .picker.v2 .results .row.minlength {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] .picker.v2.mobile .results {
    background: var(--mb-color-dark3);
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #defloc .row.recent, html[mode="dark"] #defloc .row.popular {
    border-top-color: var(--mb-color-dark9);
}

html[mode="dark"] [id$="Modal"], html[mode="dark"] .modal-box {
    background: var(--mb-color-dark3)!important;
}

html[mode="dark"] [id$="Modal"] .modal-content, html[mode="dark"] [id$="Modal"] .modal-loader, html[mode="dark"] .modal-box .modal-content, html[mode="dark"] .modal-box .modal-loader {
    background-color: var(--mb-color-dark3)!important;
}

html[mode="dark"] [id$="Modal"] .modal-content .modal-iframe, html[mode="dark"] .modal-box .modal-content .modal-iframe {
    background-color: var(--mb-color-dark3)!important;
}

html[mode="dark"] #etaModal .modal-close, html[mode="dark"] #etaModal .head .subbox-close {
    background: var(--mb-color-dark5);
}

html[mode="dark"] #etaModal.modal-fullscreen .modal-close, html[mode="dark"] #etaModal.modal-fullscreen .head .subbox-close {
    background: transparent;
}

html[mode="dark"] #etaModal .modal-close:hover, html[mode="dark"] #etaModal .head .subbox-close:hover {
    background: var(--mb-color-dark6);
}

html[mode="dark"] #etaModal.modal-fullscreen .head, html[mode="dark"] #item-forms.fullscreen .head {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] #etaModal .modal-body.modal-is-iframe .modal-content:before {
    background: var(--mb-color-dark3);
    box-shadow: 0 1px 0 0 var(--mb-color-dark9);
}

html[mode="dark"] #etaModal .modal-body.modal-is-iframe .modal-content:after {
    background: var(--mb-color-dark6);
}

html[mode="dark"] .ssfrm:after {
    background: var(--mb-color-dark16);
}

html[mode="dark"] .picker.location.loading .results:after, html[mode="dark"] .picker.pattern.loading .results:after, html[mode="dark"] .picker.category.loading .results:after {
    background: rgba(18,20,21,0.55);
}

html[mode="dark"] .item-publish .box section:not(.buttons-block) {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .item-publish .box section .in.var2 {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] .item-publish .row .input-box-slider:hover {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .upload-photos .qq-upload-list li, html[mode="dark"] .upload-photos .qq-upload-list li.qq-upload-success {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
}

html[mode="dark"] .upload-photos > .qq-upload-list li {
    background: var(--mb-color-dark5);
}

html[mode="dark"] ul.tabbernav {
    border-bottom-color: var(--mb-color-dark9);
}

html[mode="dark"] em.input-info {
    background: var(--mb-color-dark5);
    color: var(--mb-color3);
}

html[mode="dark"] input, html[mode="dark"] select, html[mode="dark"] textarea {
    background: var(--mb-color-dark7);
    color: var(--mb-color-dark23);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] select {
    color: var(--mb-color2);
}

html[mode="dark"] input:read-only {
    background: var(--mb-color-dark4);
}

html[mode="dark"] input:disabled, html[mode="dark"] select:disabled, html[mode="dark"] textarea:disabled {
    background: var(--mb-color-dark4);
    border-color: var(--mb-color11);
    -webkit-text-fill-color: var(--mb-color9);
}

html[mode="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):hover, html[mode="dark"] select:not(.dark):hover, html[mode="dark"] textarea:hover {
    border-color: var(--mb-input-hover-border-color);
    background: var(--mb-color-dark8);
}

html[mode="dark"] input[type="file"] {
    background: var(--mb-color-dark7);
}

html[mode="dark"] .input-box-check label:before {
    background: var(--mb-color-dark7);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .btn-white, html[mode="dark"] a.btn-white {
    background: var(--mb-color-dark7);
    color: var(--mb-color1);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .btn-white:hover, html[mode="dark"] a.btn-white:hover {
    background: var(--mb-color-dark6);
    color: #fff;
}

html[mode="dark"] .empty {
    background: var(--mb-color-dark5);
    color: var(--mb-color6);
}

html[mode="dark"] body#maintenance {
    background: var(--mb-color-dark1);
}

html[mode="dark"] body#maintenance .maintenance {
    background: var(--mb-color-dark3);
    border-color: var(--mb-color-dark9);
    box-shadow: 0 20px 60px -12px rgba(0,0,0,0.35),0 8px 24px -8px rgba(0,0,0,0.2);
}

html[mode="dark"] body#p404 {
    background: var(--mb-color-dark1);
}

html[mode="dark"] #item .ibox.sold {
    background: var(--mb-color-dark18);
}

html[mode="dark"] #item .ibox.reserved {
    background: var(--mb-color-dark19);
}

html[mode="dark"] #item .ibox.expired {
    background: var(--mb-color-dark6);
    color: #fff;
}

html[mode="dark"] .items-box .item .props .label.expired {
    background: var(--mb-color-dark20);
    color: var(--mb-color-dark17);
}

html[mode="dark"] em.input-warning {
    background: var(--mb-color-dark22);
    color: #e8c66a;
}

html[mode="dark"] em.input-error {
    background: var(--mb-color-dark21);
    color: #f5a8a0;
}

html[mode="dark"] input.input-error:not(:focus), html[mode="dark"] select.input-error:not(:focus), html[mode="dark"] textarea.input-error:not(:focus) {
    border-color: #c44;
    background: rgba(74,42,40,0.45);
}

html[mode="dark"] #etaModal .head, html[mode="dark"] #item-forms .head {
    background: var(--mb-color-dark3);
}

html[mode="dark"] .home-blog a > .img-wrap {
    background: var(--mb-color-dark5);
}

html[mode="dark"] .input-box-slider .slider {
    background: var(--mb-color-dark11);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .input-box-slider .slider:before {
    background: var(--mb-color-dark7);
    border-color: var(--mb-color-dark11);
}

html[mode="dark"] .input-box-slider:hover .slider {
    background: var(--mb-color-dark10);
}

html[mode="dark"] #filter-line .filter-list > select.sCompany:has(> option:checked:not([value=""])) {
    background: var(--mb-color-dark6);
    color: var(--mb-color-dark17);
}

html[mode="dark"] .nice-scroll-prev .icon, html[mode="dark"] .nice-scroll-next .icon {
    background: var(--mb-color-dark5);
    fill: var(--mb-color2);
}

html[mode="dark"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-prev .icon, html[mode="dark"] .nice-scroll-wrap.nice-scroll-buttons-top .nice-scroll-next .icon {
    background: var(--mb-color-dark3);
}

html[mode="dark"] #alert-form .response {
    background: var(--mb-color-dark5);
    color: var(--mb-color2);
}

html[mode="dark"] #alert-form.loading:after {
    background: var(--mb-color-dark16);
}

html[mode="dark"] #flashbox .flashmessage,html[mode="dark"] .upload-photos .flashmessage,html[mode="dark"] .flashmessage {
    color: var(--mb-font-color);
    background: rgba(30,34,40,.88);
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
}

html[mode="dark"] #flashbox .flashmessage.flashmessage-ok,html[mode="dark"] .flashmessage.flashmessage-ok {
    background: rgba(34,197,94,.14);
    border-color: rgba(34,197,94,.28);
}

html[mode="dark"] #flashbox .flashmessage.flashmessage-error,html[mode="dark"] .flashmessage.flashmessage-error {
    background: rgba(239,68,68,.14);
    border-color: rgba(239,68,68,.28);
}

html[mode="dark"] #flashbox .flashmessage.flashmessage-warning,html[mode="dark"] .flashmessage.flashmessage-warning {
    background: rgba(245,158,11,.14);
    border-color: rgba(245,158,11,.28);
}

html[mode="dark"] #flashbox .flashmessage.flashmessage-info,html[mode="dark"] .flashmessage.flashmessage-info {
    background: rgba(59,130,246,.14);
    border-color: rgba(59,130,246,.28);
}

html[mode="dark"] #flashbox .flashmessage a,html[mode="dark"] .upload-photos .flashmessage a,html[mode="dark"] .flashmessage a {
    color: var(--mb-color1);
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close,html[mode="dark"] .upload-photos .flashmessage .close,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close,html[mode="dark"] .flashmessage .btn.ico-close,html[mode="dark"] .flashmessage a.btn.ico-close {
    background: transparent;
    box-shadow: none;
    color: transparent;
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close:hover,html[mode="dark"] #flashbox .flashmessage .btn.ico-close:focus,html[mode="dark"] #flashbox .flashmessage .btn.ico-close:active,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close:hover,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close:focus,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close:active,html[mode="dark"] .upload-photos .flashmessage .close:hover,html[mode="dark"] .upload-photos .flashmessage .close:focus,html[mode="dark"] .upload-photos .flashmessage .close:active,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close:hover,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close:focus,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close:active,html[mode="dark"] .flashmessage .btn.ico-close:hover,html[mode="dark"] .flashmessage .btn.ico-close:focus,html[mode="dark"] .flashmessage .btn.ico-close:active,html[mode="dark"] .flashmessage a.btn.ico-close:hover,html[mode="dark"] .flashmessage a.btn.ico-close:focus,html[mode="dark"] .flashmessage a.btn.ico-close:active {
    background: transparent;
    box-shadow: none;
    color: transparent;
    text-decoration: none;
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close:after,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close:after,html[mode="dark"] .upload-photos .flashmessage .close:after,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close:after,html[mode="dark"] .flashmessage .btn.ico-close:after,html[mode="dark"] .flashmessage a.btn.ico-close:after {
    color: rgba(255,255,255,.55);
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close:hover:after,html[mode="dark"] #flashbox .flashmessage a.btn.ico-close:hover:after,html[mode="dark"] .upload-photos .flashmessage .close:hover:after,html[mode="dark"] .upload-photos .flashmessage .btn.ico-close:hover:after,html[mode="dark"] .flashmessage .btn.ico-close:hover:after,html[mode="dark"] .flashmessage a.btn.ico-close:hover:after {
    background: rgba(255,255,255,.08);
    color: #fff;
}

html[mode="dark"] #filter-line .simple-select.active .text, html[mode="dark"] #filter-line .filter-list > select:not(.sCompany):has(> option:checked:not([value=""]):not([value="0"])), html[mode="dark"] #filter-line .filter-list > select.sCompany:has(> option:checked:not([value=""])) {
    background: var(--mb-color-dark11);
}

@media screen and (max-width: 767px) {
    html[mode="dark"] header, html[mode="dark"] header .container.cmain {
        background:var(--mb-color-dark2);
    }

    html[mode="dark"] header .links > .btn.btn-mini:hover {
        background: var(--mb-color-dark2);
    }

    html[mode="dark"] #home-search .search-box .col:hover {
        background: var(--mb-color-dark3);
    }

    html[mode="dark"] #home-search .search-box .col .picker .results {
        background: var(--mb-color-dark4);
    }

    html[mode="dark"] #home-search .picker.location .results, html[mode="dark"] #home-search .picker.pattern .results, html[mode="dark"] #home-search .picker.category .results, html[mode="dark"] #home-search .simple-select .list {
        border-top-color: var(--mb-color-dark9);
    }

    html[mode="dark"] #home-search .search-box .col1, html[mode="dark"] #home-search .search-box .col2 {
        border-bottom-color: var(--mb-color-dark9);
    }

    html[mode="dark"] header .menu-list {
        background: var(--mb-color-dark2);
    }
}

/* PRINT STYLES */
@media print {
    html, body {
        background: #fff!important;
        color: #000!important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body#item {
        padding: 0;
    }

    body#item > .content {
        padding: 8px 0;
    }

    #header-search, #side-menu, .menu-cover, #showcase-button, section.promo, .banner-theme, #osc-database-logs, footer, #navi-bar, #item-sticky-box, #scroll-to-top, #flashbox, #debug-mode, #etaModal, #etaModalOverlay {
        display: none!important;
    }

    header .search-line, header .links, header .links-hook, header .menu, #menu-open, header .container.alt, .isMobile:not(.isDesktop), .isTablet:not(.isDesktop) {
        display: none!important;
    }

    body header {
        box-shadow: none;
        border: none;
        margin: 0 0 8px 0;
        position: relative;
    }

    .navlinks, #item #shortcuts, #item-side, .custom-items, #rel-block, #rel-user-block, #rel-user-pb-block, #recent-ads, .related, .recent-ads, body#item .container:has(.custom-items), #item-image .mlinks, #item-image #plabel, #item-image .swiper-thumbs, #item-image .swiper-button, #item-image .swiper-pg, .report-wrap, #item-main .mo-make-offer-price, #item-main .details .directions, #seller2 .user-link, #seller2 .pshow, #seller2 #item-rating .cnt a, #item-side .line-contact, #item-side .manage, .open-form, .favorite-block1, .svi-save-btn, a.reply, a.remove, a.show-replies, #comments .add-comment, #comments .paginate, #comments .comment-reply-row {
        display: none!important;
    }

    #item .ibox.spec1 {
        margin: 0;
        border-radius: 16px;
        padding: 12px;
    }

    #item #item-main, #item #item-side {
        width: 100%!important;
    }

    #item .ibox {
        box-shadow: none;
        border: 1px solid #ddd;
        page-break-inside: avoid;
    }

    #item-image.ibox {
        padding: 12px;
        border: none;
    }

    #comments #comment-replies {
        display: flex!important;
    }

    #item-image .swiper-container {
        overflow: visible!important;
        height: auto!important;
        border: none!important;
    }

    #item-image .swiper-wrapper {
        display: grid!important;
        grid-template-columns: repeat(2, 1fr)!important;
        gap: 12px!important;
        transform: none!important;
        width: 100%!important;
        height: auto!important;
    }

    #item-image .swiper-slide {
        width: 100%!important;
        margin: 0!important;
        transform: none!important;
        page-break-inside: avoid;
    }

    #item-image .swiper-slide:nth-child(n+7) {
        display: none!important;
    }

    #item-image li a {
        display: block;
        pointer-events: none;
    }

    #item-image li a img {
        border-radius: 8px!important;
        aspect-ratio: auto!important;
        width: 100%!important;
        height: auto!important;
        min-height: 180px;
        max-height: 320px;
        object-fit: cover!important;
        background: #f5f5f5!important;
    }

    #item-main .details > .elem {
        padding: 6px 0;
        background: transparent;
    }

    #seller2 .card .name {
        color: var(--mb-color1);
        text-decoration: none;
    }

    #seller2 .card .phones a {
        color: var(--mb-color1);
        text-decoration: none;
    }

    #seller2 .feat > .elem {
        background: #f0f0f0;
    }
}

/* RESET */
fieldset {
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
}

html,input,select,textarea,button {
    font-family: var(--mb-font-family), Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

div {
    margin: 0;
    padding: 0;
}

html {
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    cursor: default;
    -moz-tab-size: 4;
    tab-size: 4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word;
    scrollbar-width: thin;
}

*,*:before,*:after {
    box-sizing: inherit
}

body {
    display: block;
    margin: 0;
    font-weight: normal;
    width: 100%;
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,ol,ul {
    display: inline-block;
    padding: 0;
    width: 100%;
}

p,ol,ul {
    margin: 0
}

ol,ul {
    list-style: none
}

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

html.item-form-html {
    scrollbar-gutter: unset;
}

/* *,*::before,*::after {box-sizing:border-box;} */
/* html {-webkit-text-size-adjust:100%;text-size-adjust:100%;} */
/* body {margin:0;min-height:100vh;color:var(--mb-font-color, #222);font-family:var(--mb-font-family);font-size:14px;line-height:var(--mb-line-height, 1.3);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} */
/* p,ul,ol,figure,blockquote {margin:0 0 12px 0;} */
/* ul,ol {padding-left:1.25rem;} */
/* a {color:inherit;text-decoration:none;} */
/* a:hover {text-decoration:underline;} */
/* img,svg,video,canvas {display:block;max-width:100%;height:auto;} */
/* button {cursor:pointer;font:inherit;color:inherit;background:none;border:0;padding:0;} */
/* button:disabled {cursor:not-allowed;opacity:0.6;} */
/* input,select,textarea {font:inherit;color:inherit;} */
/* input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]), */
/* select,textarea {margin:var(--mb-input-margin, 0);border:var(--mb-input-border, 1px solid #7e838d);background:var(--mb-input-background, #fff);box-shadow:var(--mb-input-box-shadow, none);font-size:var(--mb-input-font-size, 16px);font-weight:var(--mb-input-font-weight, 500);line-height:var(--mb-input-line-height, 1.4);padding:var(--mb-input-padding, 0 14px);outline:0;color:var(--mb-input-color, #1b1b1b);border-radius:var(--mb-input-border-radius, 8px);width:100%;} */
/* input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]), */
/* select {height:var(--mb-input-height, 44px);} */
/* textarea {min-height:var(--mb-input-height, 44px);resize:vertical;padding-top:10px;padding-bottom:10px;} */
/* input[type="checkbox"], input[type="radio"] {width:18px;height:18px;margin:0 6px 0 0;padding:0;accent-color:var(--mb-color-primary);vertical-align:middle;} */
/* input[type="file"] {width:100%;height:auto;padding:8px;background:var(--mb-input-background, #fff);border:var(--mb-input-border, 1px solid #7e838d);border-radius:var(--mb-input-border-radius, 8px);} */
/* input:focus:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]),select:focus,textarea:focus {outline:2px solid var(--mb-color-primary);outline-offset:2px;border-color:var(--mb-input-focus-border-color);} */
/* input:disabled:not([type="checkbox"]):not([type="radio"]),select:disabled,textarea:disabled {opacity:0.6;cursor:not-allowed;} */
/* input:read-only:not([type="checkbox"]):not([type="radio"]),textarea:read-only {cursor:default;} */