/* ALERTS FREQUENCY */
.alert-frequency {
  display: flex;
  float: left;
  align-items: center;
  flex-wrap: nowrap;
  margin: 8px 0 0 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%;
}

form[name="user-items-search"] .control-group {
  width: fit-content;
  padding: 0 12px 6px 0;
}

form[name="user-items-search"] .control-group label {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 2px 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 {
  float: left;
  width: 100%;
  margin: 0;
  max-width: 100%;
  min-width: unset;
}

form[name="user-items-search"] .actions {
  width: fit-content;
  padding: 0 0 6px 0;
}

form[name="user-items-search"] .actions button {
  white-space: nowrap;
}

@media screen and (max-width: 540px) {
  form[name="user-items-search"] {
    flex-wrap: wrap;
  }

  form[name="user-items-search"] .control-group {
    width: 50%;
  }
}

/* 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: 540px) {
  form[name="user-public-profile-search"] {
    flex-wrap: wrap;
  }

  form[name="user-public-profile-search"] .control-group {
    width: 50%;
  }
}


/* HOME ACTIONS */
body#home>.content>section.home-action {
  display: none;
  padding: 120px 0 60px 0;
}

.home-action .container {
  flex-direction: column;
  align-items: center;
}

.home-action .head-line {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
}

body#home .home-action .head-line h2 {
  font-size: 22px;
  color: var(--mb-color2, #2c2c2c);
  margin: 0 0 12px 0;
  display: block;
}

.home-action .head-line .row {
  margin: 2px 0;
}

.home-action .head-line .h-img {
  animation: 3s infinite alternate mbshake;
  animation-delay: 3s;
  margin: 0 14px;
  width: 140px;
  background: url('../images/home-actions.svg') no-repeat center center;
  background-size: contain;
  opacity: 0.85;
}

.home-action .head-line .h-text {
  margin: 5px 0;
}

.home-action .actions {
  display: none;
  margin: 80px 0 0 0;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}

.home-action .actions a {
  transition: 0.2s;
  text-decoration: none;
  margin: 10px;
  width: calc(20% - 20px);
  max-width: 180px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px #d4d4d4, 0px 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 24px 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-action .actions a:hover {
  text-decoration: none;
  border-color: var(--mb-color4);
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
}

.home-action .actions a i,
.home-action .actions a svg {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 28px;
  text-align: center;
  margin: 0 0 12px 0;
  color: #d80000;
  fill: #d80000;
}

.home-action .actions a.a-src i,
.home-action .actions a.a-src svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a.a-act i,
.home-action .actions a.a-act svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a.a-bpr i,
.home-action .actions a.a-bpr svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a.a-frm i,
.home-action .actions a.a-frm svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a.a-blg i,
.home-action .actions a.a-blg svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a.a-faq i,
.home-action .actions a.a-faq svg {
  color: #008f79;
  fill: #008f79;
}

.home-action .actions a span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  max-width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@keyframes mbshake {
  0% {
    transform: rotate(0deg);
  }

  30% {
    transform: rotate(0deg);
  }

  32% {
    transform: rotate(8deg);
  }

  34% {
    transform: rotate(-8deg);
  }

  36% {
    transform: rotate(8deg);
  }

  38% {
    transform: rotate(-10deg);
  }

  40% {
    transform: rotate(12deg);
  }

  42% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}



/* HOME SEARCH */
body#home {
  background: #f8fafc !important; /* Soft background to reduce flatness */
}

body#home>.content>section#home-search-box {
  background: transparent;
  padding: 0;
  margin-bottom: 24px;
}

#home-search-box>.container {
  width: 100%;
}

#main-search {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(360deg, rgba(44, 44, 45, 0.18) 2%, rgba(44, 44, 45, 0.54) 30%, rgba(44, 44, 45, 0.54) 60%, rgba(44, 44, 45, 0.28) 98%), url("../images/home-search-bg.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding-bottom: 140px;
  padding-top: 150px;
  width: 100%;
}

#main-search .box {
  width: 84%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#main-search h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-shadow: 0 1px 6px var(--mb-color1);
  margin: 0 0 24px 0;
}

#main-search input:focus,
#main-search select:focus,
#main-search textarea:focus {
  box-shadow: 0 0 0 2px #d0d0d0;
  border-color: transparent;
}

#main-search .tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

#main-search .tabs a {
  transition: 0.2s;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  padding: 10px 16px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  margin: 0 8px 0 0;
  background: rgba(0.4, 0.4, 0.4, 0.6);
}

#main-search .tabs a.active {
  background: #fff;
  color: var(--mb-color2, #2c2c2c);
}

#main-search .tabs a:not(.active):hover {
  background: rgba(0.4, 0.4, 0.4, 0.4);
  color: #fff;
  text-decoration: none;
}

#main-search .tabs a:last-child {
  margin-right: 4px;
}

#main-search .tabs a i {
  margin-right: 2px;
}

#main-search .tabs a .label {
  position: absolute;
  top: -6px;
  right: -3px;
  border-radius: 100px;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  line-height: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: var(--mb-color-primary);
}

#main-search .tabs a .label.new {
  background: var(--mb-color-secondary);
}

#main-search .tab-data {
  display: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 3;
  background: #fff;
  width: 100%;
  border-radius: 0 5px 5px 5px;
  min-width: 140px;
}

#main-search .tab-data:not([data-order="1"]) {
  border-radius: 5px;
}

#main-search .tab-data.active {
  display: block;
}

#main-search .tab-data form {
  display: flex;
  flex-direction: column;
}

#main-search .tab-data .inbox {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 46px;
  align-items: stretch;
}

#main-search .tab-data .input-box {
  width: fit-content;
  flex-grow: 1;
  margin: 0;
  border-right: 1px solid #e0e0e0;
  position: relative;
}

#main-search .tab-data .input-box:has(+ .btns) {
  border: none;
}

#main-search .tab-data .input-box.simple-radius {
  max-width: 110px;
}

#main-search .tab-data .input-box.simple-seller {
  max-width: 140px;
}

#main-search .tab-data .input-box.price {
  max-width: 140px;
}

#main-search .tab-data .input-box.price+.input-box.price {
  max-width: 110px;
}

#main-search .tab-data .input-box.price+.input-box.price input[type="number"] {
  padding-left: 12px;
}

#main-search .tab-data .input-box.price+.input-box.price .icon-curr {
  display: none;
}

#main-search .tab-data .input-box input[type="text"],
#main-search .tab-data .input-box input[type="number"],
#main-search .tab-data .input-box select,
#main-search .tab-data .input-box.simple-select .text {
  border-radius: 0;
  background: #fff;
  border: 1px solid transparent;
  height: 100%;
  font-size: 16px;
  width: 100%;
}

#main-search .tab-data input[type="hidden"]+.input-box input[type="text"],
#main-search .tab-data input[type="hidden"]+.input-box input[type="number"],
#main-search .tab-data input[type="hidden"]+.input-box select,
#main-search .tab-data input[type="hidden"]+.input-box .text {
  border-radius: 5px 0 0 5px;
}

#main-search .tab-data .input-box input[type="text"]:focus,
#main-search .tab-data .input-box input[type="number"]:focus,
#main-search .tab-data .input-box select:focus,
#main-search .tab-data .input-box input[type="text"]:active,
.tab-data .input-box input[type="number"]:active,
#main-search .tab-data .input-box select:active,
#main-search .tab-data .input-box.simple-select.opened .text {
  box-shadow: 0 0 0 2px var(--mb-color7);
  outline: none;
}

#main-search .tab-data .btns {
  padding: 5px;
}

#main-search .tab-data .btns .btn {
  padding: 3px 10px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
}

#main-search .has-icon input[type="text"],
#main-search .has-icon input[type="number"],
#main-search .has-icon select {
  padding-left: 40px;
}

#main-search .tab-data .input-box.simple-select .text {
  transition: 0.2s;
  padding: 8px 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 32px;
}

#main-search .tab-data .input-box.simple-select .text>span {
  display: inline-block;
}

#main-search .tab-data .input-box.simple-select .text>svg {
  transition: 0.2s;
  position: absolute;
  right: 8px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  fill: #999;
  text-align: center;
  margin-top: 1px;
}

#main-search .tab-data .input-box.simple-select.opened .text>svg {
  transform: scaleY(-1);
}

#main-search .tab-data .input-box.simple-select:not(.opened):hover .text {
  background: #e9e9e9;
}

#main-search .tab-data .input-box.location+.simple-radius .text:before {
  content: "";
  position: absolute;
  left: -1px;
  top: calc(50% - 13px);
  width: 1px;
  height: 26px;
  background: #ddd;
}

#main-search .tab-data .input-box.location:has(+ .simple-radius) {
  border-right-color: transparent;
}

#main-search .tab-data .input-box.price+.price:before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 13px);
  width: 1px;
  height: 26px;
  background: #ddd;
}

#main-search .tab-data .input-box.price:has(+ .price) {
  border-right-color: transparent;
}

#main-search .simple-select.simple-radius .list {
  min-width: 140px;
}

#main-search .simple-select.simple-seller .list {
  min-width: 160px;
}

#main-search .simple-select.simple-cat .list {
  min-width: 280px;
}

#main-search .cap-search {
  margin: 0;
  position: relative;
  z-index: 1;
}

#main-search .cap-search:not(.cap-publish) .cap-section-body {
  border: none;
}

#main-search .cap-search .cap-section-top {
  border-radius: 0;
}

#main-search .simple-select .option.info {
  padding-top: 8px;
}

#main-search .latest-search {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin: 20px 0 0 0;
  display: flex;
}

#main-search .latest-search strong {
  font-weight: 500;
  margin: 0 2px 0 0;
}

#main-search .latest-search a {
  color: #fff;
  margin: 0 0 0 4px;
}

#main-search .latest-search a:hover {
  color: #fff;
  text-decoration: underline;
}

#main-search .simple-select {
  font-size: 15px;
}

/* HOME COMPACT SEARCH INFO ROWS (Trending & History) */
.home-info-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px !important;
  font-size: 12px !important;
  color: #64748b !important;
  width: 100%;
  overflow: hidden;
}

.home-info-row-items {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-grow: 1;
  padding: 4px 0;
  scroll-behavior: auto !important; /* Fondamentale per scorrimento automatico fluido */
}

.home-info-row-items::-webkit-scrollbar {
  display: none;
}

.home-info-row strong {
  display: flex;
  align-items: center;
  gap: 4px !important;
  color: #475569 !important;
  flex-shrink: 0;
  font-weight: 700 !important;
  min-width: 130px; /* Ridotto leggermente per guadagnare spazio */
}

.home-info-row strong i {
  width: 18px;
  text-align: center;
  font-size: 13px;
}

.home-top-searches-row {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.home-latest-searches-row {
  margin-top: 10px;
}

.home-pill-ad-link {
  display: inline-block;
  padding: 4px 14px;
  background: #f0fdfa;
  border: 1px solid #ccfbf1;
  color: #028570;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
  white-space: nowrap;
  flex-shrink: 0 !important;
}

.home-pill-ad-link .pill-city {
  font-weight: 400;
  opacity: 0.8;
  font-size: 0.95em;
}

.home-pill-ad-link .pill-price {
  font-weight: 800;
  color: #028570;
}

.home-pill-ad-link:hover {
  background: #ccfbf1;
  text-decoration: none;
  transform: translateY(-1px);
}

.home-latest-link {
  color: #475569;
  text-decoration: none;
  font-weight: 500;
  transition: 0.2s;
}

.home-pill-search-link {
  display: inline-block;
  padding: 4px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
  white-space: nowrap;
  flex-shrink: 0 !important;
}

.home-pill-search-link:hover {
  background: #f1f5f9;
  color: #028570;
  border-color: #028570;
  text-decoration: none;
}

.home-latest-link:hover {
  color: #028570;
  text-decoration: underline;
}

.home-info-sep {
  display: none; /* Rimosso perché usiamo le pillole */
}

#main-search .simple-select .list {
  top: 100%;
  margin-top: 4px;
  max-height: 360px;
}



/* 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 {
  transition: 0.2s;
  cursor: pointer;
  float: left;
  width: 100%;
  clear: both;
  background: #f6f6f6;
  padding: 10px 30px 10px 10px;
  font-size: 15px;
  line-height: 18px;
  border: 1px solid transparent;
  border-bottom-color: #c0c0c0;
  box-shadow: none;
  outline: none;
  backface-visibility: hidden;
}

.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):before {
  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;
}

.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: 5px;
}

.simple-select .option,
.simple-list .link-check-box>a {
  cursor: pointer;
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  padding: 10px 10px 10px 34px;
  line-height: 16px;
  color: var(--mb-color2, #2c2c2c);
}

.simple-list .link-check-box>a {
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.simple-select .option:hover,
.simple-list .link-check-box>a:hover {
  text-decoration: none;
}

.simple-select .option:before,
.simple-list .link-check-box>a:before {
  transition: 0.2s;
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px var(--mb-color-secondary);
  background: #fff;
}

.simple-list .link-check-box>a:before {
  left: 2px;
  top: 10px;
}

.simple-select .option.selected:before,
.simple-list .link-check-box>a.active:before {
  background: var(--mb-color-secondary);
}

.simple-select .option:hover:before,
.simple-list .link-check-box>a:hover:before {
  background: var(--mb-color-secondary-hover);
}

.simple-select .option.info,
.simple-select .option.nonclickable {
  padding-left: 10px;
  padding-right: 10px;
}

.simple-select .option.info:before,
.simple-select .option.nonclickable:before {
  display: none;
}

.simple-select .option.bold {
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
}

.simple-select .option.sub1 {
  border-left: 10px solid transparent;
}

.simple-select .option.sub2 {
  border-left: 15px solid transparent;
  font-size: 13px;
  line-height: 15px;
}

.simple-select .option.sub3 {
  border-left: 20px solid transparent;
  font-size: 13px;
  line-height: 15px;
}

.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: #000;
}

.simple-select:not(.simple-cat) .option.selected {
  font-weight: 600;
  color: var(--mb-color0);
}

.simple-select.simple-cat .option.selected {
  text-decoration: underline;
  color: #000;
}

.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;
}


/* PLUGINS CUSTOMIZATION */
#blg-body {
  padding: 0 !important;
}

body .blg-content h1 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 12px;
}

body .blg-content {
  font-weight: normal;
}

body .blg-popular .blg-popular-title {
  color: var(--mb-color-primary);
}

body .blg-popular .blg-popular-title:hover {
  color: var(--mb-color-primary-hover);
}

body .blg-btn.blg-btn-primary {
  background: var(--mb-color-primary);
  border-color: var(--mb-color-primary);
}

body .blg-btn.blg-btn-primary:hover {
  border-color: var(--mb-color-primary-hover);
  background: var(--mb-color-primary-hover);
}

body .blg-btn.blg-btn-secondary {
  background: var(--mb-color-secondary);
  color: #fff !important;
  border-color: var(--mb-color-secondary);
}

body .blg-btn.blg-btn-secondary:hover {
  background: var(--mb-color-secondary-hover);
  border-color: var(--mb-color-secondary-hover);
}

body .blg-search input#blgSearch,
body .blg-new-comment .blg-row input,
body .blg-new-comment .blg-row textarea,
body #faq-search-block input[name="pattern"] {
  border-radius: 0;
  background: #f4f4f4;
  border: 1px solid transparent;
  border-bottom-color: var(--mb-color9);
  color: var(--mb-color2, #2c2c2c);
}

body #faq-post-block .faq-post-inside {
  background: transparent;
}

body #faq-post-block .faq-helpful>a.faq-active svg,
html[mode="dark"] body #faq-post-block .faq-helpful>a.faq-active svg {
  fill: var(--mb-color-primary);
}

body #faq-post-block .faq-row .faq-top {
  font-weight: 600;
}

body #faq-post-block .faq-post-inside .faq-row {
  background: #fff;
}

body .frm-title-right {
  margin-bottom: 15px;
}

body .frm-board.frm-unread .frm-about body .frm-name a,
body .frm-board.frm-unread .frm-about .frm-desc {
  font-weight: 600;
}

body .frm-title-right a.frm-new-topic {
  background: var(--mb-color-primary);
  color: #fff;
}

body .frm-title-right a.frm-new-topic:hover {
  background: var(--mb-color-primary-hover);
  color: #fff;
}

body .frm-attachment .frm-att-box .frm-wrap {
  background: var(--mb-color-secondary);
  color: #fff;
}

body .frm-attachment .frm-att-box .frm-wrap:hover {
  background: var(--mb-color-primary-hover);
  color: #fff;
}

body .frm-profile .frm-user-data .frm-input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
  border-radius: 0;
}

body .frm-profile .frm-user-data .frm-input-box textarea {
  background: #f4f4f4;
}

body .frm-post.frm-post-highlight:before {
  font-weight: 900;
}

body .frm-tpc-top .frm-title i.frm-solved {
  margin-bottom: 0;
}

body .frm-topic .frm-data i.frm-solved,
body .frm-tpc-top i.frm-solved {
  background: var(--mb-color-secondary);
}

body .frm-solved .frm-solved-text {
  background: var(--mb-color-secondary);
  font-weight: 600;
  font-size: 15px;
}

body .frm-solved .frm-solved-text:before {
  border-color: transparent var(--mb-color-secondary) transparent transparent;
}

body #frm-body {
  padding: 0;
  margin: 0;
}

body #mo-check.styled .input-box-check label {
  line-height: 18px;
}

body .sms-body {
  margin-left: auto;
  margin-right: auto;
}

body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt) {
  font-size: 0;
  color: transparent;
  display: block;
  width: auto;
  position: initial;
  padding: 0;
  max-width: 100%;
}

body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt):before {
  content: "\f27a";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  width: 60px;
  text-indent: 1px;
  font-size: 24px;
  height: 60px;
  text-align: center;
  color: #f9f9f9;
  line-height: 62px;
}

body .oc-chat.oc-closed .oc-global-head svg {
  display: none;
}

body.body-ua #ur-box-show {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.body-ua #ur-box-show .ur-over,
body.body-ua #ur-box-show .ur-charts {
  max-width: 360px;
  text-align: left;
}

body.body-ua #ur-box-show .ur-over .ur-glob {
  margin-top: 0;
}

body .atr-input-box input[type="radio"],
body .atr-input-box input[type="checkbox"] {
  opacity: 1;
  position: relative;
  left: auto;
  top: auto;
  z-index: 1;
  visibility: visible;
  overflow: visible;
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 4px 0 0 !important;
  box-shadow: none !important;
}

body #atr-form.atr-styled .control-group>label {
  float: left;
  line-height: 28px;
}

body .atr-form .controls select {
  margin: 0 6px 4px 0;
}

body .atr-form li {
  margin: 0 0 4px 0;
}

body .atr-form li:last-child {
  margin-bottom: 0;
}

body form#im-create-thread-form {
  padding: 16px;
}

body .osp-promote-form .osp-pb-line .osp-pb-desc {
  font-weight: normal;
  line-height: 15px;
}

body .osp-body.osp-body-itempay {
  background: transparent;
}

body .osp-body-itempay .osp-h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: var(--mb-color2, #2c2c2c);
}

body .osp-body-itempay .osp-h2,
body .osp-body-itempay .osp-cart-col.prod .p3,
body .osp-group .osp-perc {
  font-weight: normal;
}

body .osp-body-itempay .osp-promote-form .osp-h1,
body .osp-pay-button li a>strong {
  font-weight: 600;
}

body .osp-body-pack .osp-h1,
body .osp-body-group .osp-h1,
body .osp-body-banner .osp-h2,
body .osp-body-order .osp-h2,
body .osp-body-payments .osp-h2 {
  font-weight: normal;
}

body .osp-group .osp-h2 {
  font-weight: bold;
}

body .osp-promote-form button[type="submit"],
body #uniform-osp-item-promote {
  background: var(--mb-color-primary);
}

body .osp-promote-form button[type="submit"]:hover,
body #uniform-osp-item-promote:hover {
  background: var(--mb-color-primary-hover);
}

.bpr-prof .bpr-btn {
  cursor: pointer;
}

body .bpr-box-check label:after {
  font-size: 13px;
  font-weight: 900;
  text-indent: -1px;
  line-height: 16px;
}

.qr-code {
  float: right;
  margin: 4px 0 24px 16px;
  display: inline-block;
  width: 96px;
  height: 96px;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 3px 3px 0 3px;
}

.qr-code>strong {
  position: absolute;
  right: -1px;
  bottom: -16px;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  color: #000;
  height: 16px;
  padding: 0px 4px;
  border: 1px solid #ccc;
  border-top-color: #fff;
  border-radius: 0 0 3px 3px;
  background: #fff;
}

div[id^="anr_captcha_field_"] {
  margin: 0 0 16px 0;
}

.MCtooltip {
  display: none;
  position: absolute;
  top: auto;
  bottom: 24px;
  left: 10px;
  border-radius: 5px;
  padding: 8px 10px;
  background: #e4e4e4;
  z-index: 9;
  width: auto;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
}

.simple-prod .MCtooltip {
  background: var(--mb-color2, #2c2c2c);
  color: #f9f9f9;
  padding: 5px 6px;
}

.simple-prod .MCtooltip:before {
  background: var(--mb-color2, #2c2c2c);
}

ul.breadcrumb li .MCtooltip {
  left: auto;
  right: 0;
}

.MCtooltip .fa {
  display: none;
}

.MCtooltip:before {
  content: "";
  position: absolute;
  left: 15px;
  top: auto;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #e4e4e4;
  transform: rotate(-135deg);
  border-bottom-right-radius: 10px;
}

*:hover>.MCtooltip {
  display: block;
}


/* SHOWCASE BOX */
#showcase-box {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  height: 40px;
  display: inline-block;
  background: var(--mb-color2, #2c2c2c);
  padding: 0px;
  font-size: 13px;
  font-family: monospace;
  line-height: 1.1;
  width: auto;
  width: 100%;
  color: #f9f9f9;
}

#showcase-box .container {
  overflow-x: auto;
  display: flex;
  height: 40px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

#showcase-box .container>a {
  white-space: nowrap;
  padding: 7px 8px;
  color: #f9f9f9;
  transition: 0.2s;
  background: #575757;
  float: left;
  margin: 0 6px 0 0;
  height: 26px;
}

#showcase-box .container>a:hover {
  color: #f9f9f9;
  background: #474747;
  text-decoration: none;
}

#showcase-box .switch-color {
  float: left;
  margin: 0 12px 0 0;
  display: flex;
  align-items: center;
}

#showcase-box .switch-color .lab {
  font-size: 12px;
  font-weight: normal;
  line-height: 11px;
  width: 68px;
  margin: 0 8px 0 10px;
  text-align: right;
}

#showcase-box .switch-color a {
  position: relative;
  width: 26px;
  height: 28px;
  margin: 0 -1px 0 0;
  float: left;
  display: block;
  opacity: 0.8;
  transition: 0.2s;
  border: 1px solid #ccc;
}

#showcase-box .switch-color a:first-child {
  border-radius: 4px 0 0 4px;
}

#showcase-box .switch-color a:last-child {
  border-radius: 0 4px 4px 0;
}

#showcase-box .switch-color a:hover {
  opacity: 1;
  border-color: #fff;
}

#showcase-box .switch-color a.active {
  opacity: 1;
}

#showcase-box .switch-color a.active:after {
  position: absolute;
  content: "\f00c";
  left: calc(50% - 7px);
  font-weight: 900;
  top: calc(50% - 7px);
  z-index: 2;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  color: #fff;
}

#showcase-button {
  position: relative;
  text-decoration: none;
  padding: 3px 0 0 0;
  transition: 0.3s;
  z-index: 4;
  background: var(--mb-color2, #2c2c2c);
  position: fixed;
  left: 8px;
  bottom: 25%;
  color: #f9f9f9;
  width: 36px;
  height: 38px;
  margin-bottom: -3px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#showcase-button>i {
  line-height: 23px;
  font-size: 17px;
  display: block;
}

#showcase-button>span {
  line-height: 8px;
  font-weight: 600;
  font-size: 8px;
  display: block;
  letter-spacing: -0.2px;
}

#showcase-button.active:after {
  content: "\f063";
  font-weight: 900;
  width: 24px;
  height: 16px;
  line-height: 20px;
  font-size: 15px;
  color: var(--mb-color-primary);
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -12px;
  z-index: 2;
}

body.demo {
  padding-bottom: 40px;
}


/* 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;
}

/* COMMENT REPLIES */
#comment-replies {
  padding-left: 24px;
}

#comment-replies+.comment-reply-row {
  padding-left: 24px;
}

#comment-replies .comment:has(+ .comment) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}

#comment-replies .comment+.comment {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn.comment-reply {
  padding: 5px 12px;
  font-size: 13px;
  box-shadow: none;
  line-height: 16px;
  height: auto;
  margin: 0px 0 24px 0;
  background: var(--mb-color-secondary-light);
  color: var(--mb-color-secondary-hover);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn.comment-reply:hover {
  background: var(--mb-color-secondary-lighter);
  color: var(--mb-color-secondary-hover);
}


/* PRINT BODY */
body.print #item-side {
  position: relative;
  top: auto;
}

/* PUBLIC PROFILE */
body#public .container.primary {
  padding-bottom: 24px;
}

#public-main {
  width: calc(100% - 344px);
  position: relative;
  display: flex;
  flex-direction: column;
}

#public #about {
  margin: 0 0 16px 0;
}

#public #about strong {
  display: block;
}

#public #share {
  position: absolute;
  top: 132px;
  left: 0;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#public #share a {
  background: #eee;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  text-align: center;
  font-size: 13px;
  margin: 2px;
  padding: 2px 0;
  color: #fff;
  display: inline-block;
}

#public #share a i {
  line-height: 16px;
}

#public #share a svg {
  width: 16px;
  height: 16px;
  padding: 1px;
  fill: #fff;
  color: #fff;
}

#public #share a.facebook {
  background: #3b5a99;
}

#public #share a.twitter {
  background: #55abe1;
}

#public #share a.pinterest {
  background: #de2d2b;
}

#public #share a.linkedin {
  background: #3770ae;
}

#public #share a.whatsapp {
  background: #62cd64;
}

#public h1 {
  font-size: 22px;
  line-height: 24px;
  margin: 0 0 16px 0;
}

#public h2 {
  font-size: 18px;
  line-height: 20px;
  margin: 4px 0 2px 0;
}

#public-side-banner {
  width: 320px;
  position: sticky;
  top: 60px;
  height: 300px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 5px;
}

#public-side-banner .lab {
  width: 100%;
  margin: 0 0 2px 0;
}

#public #meet-seller .line-rating .ur-fdb {
  margin: 0;
}

#public #meet-seller .wrap {
  padding-left: 140px;
  min-height: 120px;
}

#public #meet-seller .wrap img.uimg {
  width: 120px;
  height: 120px;
}

#public #meet-seller .address i {
  color: var(--mb-color8);
}


/* ITEM - LISTING PAGE */
body#item .container.primary {
  padding-bottom: 24px;
  flex-direction: column;
  align-items: stretch;
}

body#item .data-box {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}

body#item .data-box.sold {
  position: relative;
  overflow: hidden;
  user-select: none;
  padding: 4px;
}

body#item .data-box.sold:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(4px);
  border-radius: 4px;
}

body#item .data-box.sold:before {
  content: attr(title);
  position: absolute;
  border-radius: 4px;
  left: 10px;
  top: 10px;
  right: 10px;
  z-index: 3;
  background: var(--mb-color-primary);
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.data-box.sold #item-side {
  top: 0;
}

#item-main {
  width: calc(100% - 346px);
  position: relative;
  display: flex;
  flex-direction: column;
}

#item-side {
  width: 320px;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: sticky;
  top: 120px;
}

#item-side>.box {
  background: #fff;
  border-radius: 8px;
  margin: 0 0 16px 0;
  padding: 0;
}

#item-side>.box#seller {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07);
  padding: 20px;
}

#item-sticky-box {
  position: fixed;
  z-index: 9991;
  bottom: 0;
  height: 64px;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 8px 16px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  overflow: hidden;
}

#item-sticky-box .btn-regular {
  align-items: center;
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

#item-sticky-box .btn-regular.disabled {
  opacity: 0.55;
}

#item-sticky-box .btn-regular:not(:first-child) {
  border-left: 1px solid #e8e8e8;
}

#item-sticky-box .btn-regular svg {
  width: 22px;
  height: 22px;
  fill: var(--mb-color6);
}

#item-sticky-box .btn-regular span {
  font-size: 12px;
  color: var(--mb-color4);
  line-height: 14px;
  margin-top: 4px;
  font-weight: 600;
}

#item-sticky-box .btn {
  display: flex;
  min-width: fit-content;
  margin: 1px 0 3px 24px;
  flex: 1;
  height: 44px;
  padding: 5px 12px;
  border: none;
  align-items: center;
  justify-content: center;
}

#item-sticky-box .btn>span {
  display: inline-block;
  font-size: 15px;
  line-height: 16px;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 96px;
}

#item-sticky-box .btn-regular.btn-chat:after {
  left: calc(50% + 5px);
}

/* ITEM IMAGE */
#item-image {
  position: relative;
  width: 100%;
  margin: 0 0 24px 0;
  border-radius: 8px;
  overflow: hidden;
}

#item-image.noimg {
  display: none;
}

#item-image.noimg {
  min-height: 200px;
}

#item-image.noimg .item-noimg-box {
  position: absolute;
  color: rgba(0, 0, 0, 0.6);
  z-index: 4;
  left: 0;
  top: calc(50% - 10px);
  line-height: 20px;
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #777;
}

#item-image.fewimg .swiper-wrapper {
  justify-content: center;
}

#item-image .img-bg {
  position: absolute;
  border-radius: 8px;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#item-image .img-bg>img {
  object-fit: cover;
  max-width: unset;
  max-height: unset;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  border-radius: 8px;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#item-image .img-bg>.img-overlay {
  backdrop-filter: blur(42px);
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 8px;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#item-image li {
  list-style: none;
  position: relative;
  width: calc(33.33% - 4px);
  margin: 0 4px 0 0;
  padding-top: calc(var(--mb-gallery-padding, 75%) / 3);
}

#item-image li:last-child {
  margin-right: 0;
}

#item-image li a img {
  object-fit: cover;
  border-radius: 0px;
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: 100%;
  background: #171717;
}

#item-image .swiper-container {
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 3;
}

#item-image .swiper-container .swiper-pg {
  position: absolute;
  bottom: 12px;
  margin-top: 8px;
  z-index: 3;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-bullet-width: 12px;
  --swiper-pagination-bullet-height: 12px
}

#item-image .swiper-button {
  transition: 0.2s;
  color: var(--mb-color2, #2c2c2c);
  margin-top: -26px;
  position: absolute;
  border-radius: 100px;
  left: 10px;
  top: 50%;
  height: 52px;
  width: 52px;
  padding: 8px;
  z-index: 2;
  text-indent: -2px;
}

#item-image .swiper-button.swiper-button-disabled {
  cursor: default;
  opacity: 0.6;
}

#item-image .swiper-button.swiper-button-disabled .icon {
  cursor: default;
}

#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.15);
  color: var(--mb-color-primary);
}

#item-image .swiper-button .icon {
  transition: 0.2s;
  cursor: pointer;
  width: 36px;
  height: 36px;
  padding: 5px 0;
  fill: #fff;
  line-height: 36px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.65);
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  font-size: 20px;
}

#item-image .swiper-button.swiper-next .icon {
  padding-left: 2px;
}

#item-image .swiper-button.swiper-prev .icon {
  padding-right: 2px;
}

#item-image .swiper-button:not(.swiper-button-disabled):focus .icon {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--mb-color-primary);
}

#item-image .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.85;
}

#item-image .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.85;
}

#item-image .swiper-pagination-bullet-active {
  background: var(--mb-color-primary);
}

#item-image .mlinks {
  display: flex;
  position: absolute;
  z-index: 4;
  position: absolute;
  right: 16px;
  top: 16px;
  flex-direction: row-reverse;
}

#item-image .mlinks.bottom {
  bottom: 16px;
  top: auto;
}

#item-image .mlink,
#item-image .mlinkw>a {
  transition: 0.2s;
  width: auto;
  background: #fff;
  color: var(--mb-color2, #2c2c2c);
  height: 28px;
  line-height: 16px;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
  padding: 3px 7px;
  box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.3);
  margin: 0 0 0 10px;
  display: flex;
  align-items: center;
}

#item-image .mlink.back {
  margin: 0;
  width: 28px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  justify-content: center;
}

#item-image .mlink.back>svg {
  margin: 0;
}

#item-image .mlink i,
#item-image .mlink svg,
#item-image .mlinkw>a i {
  line-height: 16px;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
  height: 16px;
  width: 16px;
  fill: var(--mb-color4);
  color: var(--mb-color4);
}

#item-image .mlink:focus,
#item-image .mlink:active,
#item-image .mlink:hover,
#item-image .mlinkw>a:hover,
#item-image .mlinkw>a:focus {
  background: #e4e4e4;
  text-decoration: none;
}

#item-image .mlinkw.favorite>a i {
  margin-right: 3px;
  font-weight: 900;
}

#item-image .mlinkw.favorite>a.is_favorite i {
  font-weight: 900;
  color: #ffb100;
}

#item-image .mlinkw.favorite>a.is_favorite:hover i {
  font-weight: 900;
  color: var(--mb-color4);
}



/* ITEM DATA */
#item-main .row {
  display: block;
  margin: 0 0 12px 0;
  float: left;
  clear: both;
  width: 100%;
}

#item-main .basic {
  position: relative;
  margin: 0 0 12px 0;
}

#item-main .basic h1 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: var(--mb-color3);
  margin: 0 0 16px 0;
}

#item-main .basic .price {
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
  position: relative;
  color: var(--mb-color1);
}

#item-main .basic .mo-make-offer-price {
  margin: -10px 0 14px 0;
  color: var(--mb-color7);
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}

#item-main .basic .mo-make-offer-price:hover {
  text-decoration: none;
  color: var(--mb-color5);
}

#item-main .basic .label {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
  line-height: 14px;
  height: 24px;
  white-space: nowrap;
  background: var(--mb-color-primary);
  color: #fff;
  margin: 1px 4px 0 0;
  border-radius: 3px;
}

#item-main .basic .label.premium {
  background: #00b145;
}

#item-main .basic .label.expired,
#item-main .basic .label.sold {
  background: #d21616;
}

#item-main .basic .label.reserved {
  background: #2553e0;
}

#item-main .basic .label:last-child {
  margin-right: 10px;
}

#item-main .details {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  color: var(--mb-color4);
  margin: 30px 0 12px 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

#item-main .details>.elem {
  width: calc(33.33% - 4px);
  margin: 0 4px 4px 0;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  background: #f0f0f0;
  border-radius: 4px;
  padding: 10px 12px;
}

#item-main .details>.elem svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
  fill: var(--mb-color6);
  margin-right: 8px;
}

#item-main .details>.elem>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#item-main .details>.elem>div a {
  font-size: 12px;
  line-height: 14px;
  color: var(--mb-color-primary);
  text-decoration: none;
}

#item-main .details>.elem>div a:hover {
  color: var(--mb-color-primary-hover);
  text-decoration: underline;
}

#item-main .details2 {
  font-size: 15px;
  line-height: 20px;
  display: flex;
  color: var(--mb-color5);
  margin: 12px 0 0 0;
  flex-direction: column;
  align-items: stretch;
}

#item-main .details2>.elem {
  width: 100%;
  margin: 0 0 16px 0;
  font-weight: normal;
  display: flex;
  align-items: flex-start;
}

#item-main .details2>.elem:last-child {
  margin-bottom: 0;
}

#item-main .details2>.elem.pc>div>div {
  font-weight: 500;
  color: var(--mb-color4);
  font-size: 17px;
}

#item-main .details2>.elem>svg {
  width: 22px;
  height: 22px;
  min-width: 22px;
  fill: var(--mb-color7);
  margin: -1px 12px -1px 0;
}

#item-main .details2>.elem a {
  color: var(--mb-color-secondary);
  text-decoration: underline;
}

#item-main .details2>.elem a:hover {
  color: var(--mb-color-secondary-hover);
  text-decoration: none;
}

#item-main .details2>.elem>div>div {
  width: 100%;
  display: block;
  float: left;
}

#item-main .details2>.elem>div>div+a {
  float: left;
  clear: both;
  margin-top: 2px;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}


#item-main .basic .date {
  font-size: 13px;
  color: #666;
}

#item-main .basic .row:last-child {
  margin-bottom: 0;
}

#item-main h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 12px 0;
  color: var(--mb-color3);
}

#item-main h2 .counter {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: var(--mb-color7);
  font-style: normal;
  vertical-align: 1px;
  margin-left: 2px;
  margin-right: 2px;
}

#item-main .description {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  border-top: 1px solid #ddd;
  margin: 12px 0 30px 0;
}

#item-main .description .text {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  display: block;
}

#item-main .description .text.hidden {
  display: none;
}

#item-main .description .read-more-desc {
  display: inline-block;
}

#item-main .description .read-more-desc {
  font-weight: 600;
  margin-top: 12px;
}

#item-main .description .read-more-desc i {
  font-size: 12px;
  margin-left: 1px;
}

#item-main .description .desc-parts {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#item-main .description .desc-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#item-main .props.style {
  padding-top: 30px;
  border-top: 1px solid #ccc;
  margin-bottom: 8px;
}

#item-main #item-hook:empty {
  display: none;
}

#item-main #location-hook {
  width: 100%;
  margin: 24px 0 0 0;
  position: relative;
  z-index: 1;
}

#item-main #location-hook #itemMap,
#item-main #location-hook .leaflet-container {
  z-index: 1;
}

#item-main #location-hook:empty {
  display: none;
}

#item-main .mo-item-buttons-wrap:not(:has(*)) {
  display: none;
}


#item-main #item-hook h2,
#item-main #item-hook h3,
#item-main #item-hook h4 {
  font-size: 20px;
  width: 100%;
  margin: 0 0 10px 0;
  font-weight: 600;
}

#item-hook table,
.custom-fields,
#item-hook .list-other-attributes {
  width: 100%;
  display: block;
  margin: 0 0 16px 0;
}

#item-hook table tbody,
.custom-fields,
.job-detail,
#item-hook .list-other-attributes {
  display: flex;
  flex-direction: row;
  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: calc(33.33% - 8px);
  display: flex;
  flex-direction: column;
  margin: 0 8px 14px 0;
  padding: 0 0 0 34px;
  line-height: 16px;
  position: relative;
}

#item-hook table tr:after,
.custom-fields .field:after,
.job-detail>div:after,
#item-hook .realestate-details .list-other-attributes li:after {
  content: "\f00c";
  width: 26px;
  height: 26px;
  background: var(--mb-color-secondary-light);
  border-radius: 11px;
  line-height: 28px;
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  top: 2px;
  font-weight: 900;
  text-align: center;
  color: var(--mb-color-secondary);
  font-size: 13px;
}

#item-hook table td:first-child,
#item-hook table td:first-child label,
.custom-fields .field .name,
.job-detail>div label {
  font-weight: normal;
  font-size: 13px;
  color: var(--mb-color7);
  line-height: 13px;
  margin-bottom: 1px;
}

#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 {
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  font-size: 15px;
}

#item-hook table td:last-child label {
  font-weight: 600;
}

#item-hook .realestate-details .table-attributes {
  margin: 0;
}

#item-hook .job-detail>div:last-child {
  margin-bottom: 30px;
}

#item-hook .realestate-details .list-other-attributes li {
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 14px;
}

#item-hook .realestate-details .list-other-attributes li img {
  display: none;
}

#item-hook .realestate-details .list-other-attributes li:after {
  top: -4px;
}

.custom-fields .field:first-child:last-child {
  width: 100%;
}

.custom-fields .field.type-CHECKBOX {
  min-height: 28px;
  justify-content: center;
}

.custom-fields .field.type-CHECKBOX .value {
  display: none;
}

.custom-fields .field.type-CHECKBOX .name {
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  font-size: 15px;
  margin: 0;
}

.custom-fields .field.type-CHECKBOX.value-0:after {
  content: "\f00d";
}

body#item .top-wrap {
  display: none !important;
}

body#item .simple-prod .favorite i,
body#item #item-main .favorite i {
  display: none !important;
}

a.btn.btn-secondary.translate-desc {
  height: 36px;
  width: 126px;
  line-height: 32px;
}

a.pl-button.btn.mbBg2 {
  height: 56px;
}

#rel-block {
  margin: 32px 0 12px 0;
}

#rel-block h2 {
  font-size: 18px;
  margin: 0 0 8px 0;
}

#rel-block .products {
  width: calc(100% + 10px);
  margin: 0 -5px;
}

#rel-block .simple-prod {
  width: 260px;
  *margin: 0 1px 6px 1px;
}

#rel-block .simple-prod .extra {
  display: none;
}

#rel-block .simple-prod .title {
  font-size: 15px;
  line-height: 16px;
  min-height: 17px;
  max-height: 17px;
  margin: 0;
}

#rel-block .simple-prod .data {
  padding: 10px 0 4px 0;
}

#recent-ads {
  margin: 32px 0 12px 0;
  width: 100%
}

#recent-ads.onsearch {
  display: inline-block;
  margin: 18px 0 16px 0;
  padding: 24px 0 0 0;
  border-top: 1px solid #ddd;
}

#recent-ads.onhome {
  margin: 0 0 12px 0;
}

#recent-ads h2 {
  font-size: 18px;
  margin: 0 0 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

#recent-ads .products {
  width: calc(100% + 10px);
  margin: 0 -5px;
}

#recent-ads .simple-prod {
  width: 225px;
  margin: 0 1px 6px 1px;
}

#recent-ads.onsearch .simple-prod .img-wrap .user-image,
#recent-ads.onsearch .simple-prod .favorite {
  display: none;
}

#recent-ads.onhome .simple-prod {
  width: 240px;
}

#search-items #recent-ads .products .simple-prod,
#search-items #recent-ads .products.grid .simple-prod {
  width: 220px;
  margin: 0 1px 6px 1px;
}

#rel-block~#recent-ads {
  display: none;
}

body#home>.content>section.home-recent {
  background: #fff;
  border-top: 2px dotted #ddd;
}

#comments {
  display: flex;
  flex-direction: column;
}

#comments .wrap {
  display: block;
  width: 100%
}

#comments .comment {
  display: block;
  width: 100%;
  position: relative;
  padding: 8px 10px 10px 10px;
  margin: 0 0 12px 0;
  background: #f4f4f4;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#comments .author {
  padding: 0 0 0 38px;
  position: relative;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 10px 0;
  text-decoration: none;
}

#comments .author:hover {
  text-decoration: none;
}

#comments .author .img {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  margin: 0 5px 0 0;
  object-fit: cover;
}

#comments .author .name {
  color: var(--mb-color2, #2c2c2c);
  font-size: 14px;
  line-height: 16px;
}

#comments .author .date {
  color: var(--mb-color9);
  font-size: 12px;
  line-height: 14px;
}

#comments .data {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#comments .data h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px 0;
}

#comments .data .body {
  font-size: 13px;
  line-height: 18px;
  color: var(--mb-color3);
}

#comments .data .date {
  font-size: 13px;
  color: #777;
  margin: 0 0 8px 0;
  line-height: 14px;
}

#comments .data h3+.date {
  margin-top: -5px;
}

#comments .data .remove {
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 3px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}

#comments .data .remove:hover {
  text-decoration: none;
  color: var(--mb-color-primary-hover);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

#comments .data .remove i {
  margin-right: 2px;
  color: var(--mb-color5);
}

#comments .add {
  height: 34px;
  font-size: 14px;
  border-radius: 5px;
  padding: 9px 15px;
  line-height: 15px;
}

#comments .empty-comments {
  margin: -8px 0 18px 0;
  color: #666;
}

#comments .rating {
  margin: 2px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

#comments .rating>span {
  font-size: 11px;
  margin-left: 5px;
  line-height: 14px;
  color: #777;
}

#comments .rating i {
  margin: 0 1px 0 0;
  font-size: 14px;
  line-height: 16px;
  color: #aaa;
}

#comments .rating i.fill,
.comment-leave-rating i.is-rating-item.fill {
  color: var(--mb-color-secondary);
}

#comments .top-block {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}

.comment-leave-rating {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.comment-leave-rating i.is-rating-item {
  cursor: pointer;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #aaa;
  margin: 0 1px 0 0;
}

.comment-leave-rating:hover i.is-rating-item {
  color: var(--mb-color-secondary);
}

.comment-leave-rating:hover i.is-rating-item:hover~i.is-rating-item {
  color: #aaa;
}

.comment-rating-selected {
  float: left;
  margin: 0 0 0 5px;
  line-height: 16px;
  font-size: 13px;
  color: #777;
}

.comment-rating span {
  margin: 0 0 0 4px;
  font-size: 12px;
}

.comment-stars {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: 0 0 16px 0;
}

#shortcuts {
  margin-top: 24px;
  padding: 16px 0 8px 0;
  line-height: 16px;
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  font-size: 13px;
}

#shortcuts a {
  color: var(--mb-color5);
  margin: 0 16px 0 0;
}

#shortcuts a:hover {
  color: var(--mb-color3);
  text-decoration: none;
}

#shortcuts .item-share {
  margin-left: auto;
}

#shortcuts .item-share a {
  margin: 0 0 0 8px;
}

#shortcuts .item-share a i {
  font-size: 15px;
  line-height: 16px;
}

.translate-desc {
  margin-top: 15px;
  display: inline-block;
}

@media (max-width: 991px) {
  /* Applica queste regole solo su schermi piccoli */

  /* 1. Nasconde il blocco con i dettagli compatti per mobile */
  .row.details2.isMobile {
    display: none !important;
  }

  /* 2. Mostra i blocchi desktop che normalmente sarebbero nascosti */
  .price-row.isDesktop,
  .row.details.isDesktop,
  .row.date.isDesktop,
  .desc-parts.isDesktop {
    display: block !important;
  }
}

/* SELLER BOX */
#seller .line1 {
  display: flex;
  align-items: center;
  margin: 0 0 12px 0;
}

#seller .line1 .img {
  width: 48px;
  height: 48px;
  max-width: 48px;
  min-width: 48px;
  max-height: 48px;
  margin-right: 12px;
  position: relative;
}

#seller .line1 .img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#seller .line1 .img .online {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: #0ed000;
  box-shadow: 0 0 0 1px #fff;
}

#seller .line1 .img .online.off {
  background: #dc0606;
}

#seller .line1 .data {
  width: 100%;
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  align-items: flex-start;
}

#seller .line1 .data .name {
  font-weight: bold;
  font-size: 17px;
  margin: 0;
  color: var(--mb-color2, #2c2c2c);
}

#seller .line1 .data .items {
  color: #777;
  font-size: 14px;
  margin: 2px 0 0 0;
}

#seller .line1 .data .pro {
  padding: 2px 6px;
  background: var(--mb-color-primary);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 600;
  margin: 4px 0 -2px 0;
}

#seller .btn {
  width: 100%;
}

#seller .line2 {
  display: inline-block;
  width: 100%;
  color: var(--mb-color7);
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 8px 0;
}

#seller .line2>div {
  display: inline;
}

#seller .line3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

#seller .line3 .phone {
  margin: 6px 0 2px 0;
  font-weight: 600;
  background: var(--mb-color-primary-lighter);
  color: var(--mb-color-primary-hover);
  padding: 4px 8px;
  border-radius: 4px;
  transition: 0.2s;
}

#seller .line3 .phone:hover {
  text-decoration: none;
  background: var(--mb-color-primary-light);
  color: var(--mb-color-primary-hover);
}

#seller .line3 .phone i {
  font-size: 13px;
  margin-right: 2px;
}

#seller .line-chat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 12px 0 4px 0;
}

#seller .line-chat a.btn {
  padding: 7px 11px 7px 10px;
  height: auto;
  width: auto;
  font-size: 15px;
  border-radius: 4px;
  background: var(--mb-color-secondary);
  position: relative;
}

#seller .line-chat a.btn i {
  margin-right: 7px;
}

#seller .line-chat a.btn:hover {
  background: var(--mb-color-secondary-hover);
}

#seller .line-chat a.btn:not(.oc-disabled):hover {
  background: var(--mb-color-secondary-hover);
}

#seller .line-chat a.btn.oc-disabled {
  background: #999;
  cursor: default;
}

#seller .line-chat a.btn:after,
a.btn-chat:after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #0ed000;
  box-shadow: 0 0 0 1px #fff;
}

#seller .line-chat a.btn.oc-disabled:after,
a.btn-chat.oc-disabled:after {
  background: #999;
}

#seller .line-chat a.btn.oc-offline:after,
a.btn-chat.oc-offline:after {
  background: #f30f0f;
}

#seller .oc-chat-box.oc-online .oc-status-offline,
#seller .oc-chat-box.oc-offline .oc-status-online {
  display: none;
}

#seller .line-rating {
  display: block;
  width: 100%;
  margin: 1px 0 0 0;
}

.line-rating .ur-fdb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 3px 0;
}

body .show-rating.show-stars {
  text-decoration: none;
  height: auto;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.show-rating.show-stars>span {
  color: #555;
  font-size: 13px;
  line-height: 12px;
  font-weight: normal;
  margin-left: 3px;
}

.line-rating .lnk a {
  display: none;
  background: #e4e4e4;
  padding: 4px 8px;
  border-radius: 100px;
  font-weight: 600;
  font-size: 13px;
  margin: -3px 0;
}

.line-rating .lnk a:hover {
  background: #d4d4d4;
  text-decoration: none;
}

.line-rating:hover .lnk a {
  display: block;
}

#meet-seller .line-rating .ur-fdb {
  padding: 0;
  margin: 6px 0px;
}

.show-rating.show-stars .ur-rate {
  padding: 0;
  margin: 0;
}

.show-rating.show-stars .ur-rate>span {
  width: 16px;
  margin: 0 1px 0 0;
  height: 16px;
  background: transparent;
  text-align: center;
  color: var(--mb-color-secondary);
}

.show-rating.show-stars .ur-rate>span:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  line-height: 16px;
}

.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;
}

#item-side .seller-button {
  transition: 0.2s;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 5px;
  text-align: center;
  margin: -8px 0 16px 0;
  font-weight: 600;
  font-size: 13px;
  color: var(--mb-color2, #2c2c2c);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

#item-side .seller-button:hover {
  background: #fff;
  text-decoration: none;
  border-color: #aaa;
}

#item-side .seller-button i {
  margin-right: 4px;
}

#item-side .master-button,
#public .master-button {
  transition: 0.2s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background: #008f79;
  color: #fff;
  margin: 0 0 8px 0;
  height: auto;
  padding: 8px;
  text-align: center;
  width: 100%;
  border-radius: 4px;
}

#item-side .master-button i {
  margin-right: 1px;
}

i.fas.fa-envelope {
  display: none;
}

#public .master-button i {
  margin-right: 5px;
}

#item-side .master-button.contact {
  font-size: 14px;
}

#item-side .master-button:hover,
#public .master-button:hover {
  background: #026958;
  color: #fff;
  text-decoration: none;
}

#item-side .master-button.white {
  background: #fff;
  color: #2c2c2c;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
}

#item-side .master-button.white:hover {
  background: #fff;
  color: #2c2c2c;
  border-color: #008f79;
  text-decoration: none;
}

#item-side .master-button .help {
  margin-left: 12px;
  color: #008f79;
}

#item-side .master-button.revealed {
  color: var(--mb-color1);
}

#item-side .line-contact {
  padding: 0 0 8px 0;
  margin: 0 0 16px 0;
  border-bottom: 1px solid #d4d4d4;
}

#item-side a.manage-button {
  width: 100%;
  padding: 5px;
  text-align: center;
  background: transparent;
  border: 1px solid var(--mb-color12);
  color: var(--mb-color6);
  margin: 0 0 6px 0;
  border-radius: 4px;
}

#item-side a.manage-button:hover {
  background: var(--mb-color13);
  text-decoration: none;
  border-color: var(--mb-color10);
}

#item-side div.sms-payments {
  display: flex;
  padding: 0;
  background: transparent;
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
}

#item-side div.sms-payments a.sp-promote-button,
#item-side div.sms-payments a.sp-movetop-button {
  margin: 0;
}

#item-side div.sms-payments a:first-child {
  margin-right: 6px;
}

#item-side div.sms-payments a:first-child:last-child {
  margin-right: 0px;
}


/* MEET THE SELLER */
#meet-seller {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
  margin: 8px 0 28px 0;
  border-bottom: 1px solid #ddd;
}

#meet-seller h2,
#public h1 {
  position: relative
}

#meet-seller h2>span,
#public h1>span {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 10px 0 0;
  box-shadow: 0 2px 4px #fff;
}

#meet-seller h2>.ln,
#public h1>.ln {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #e8e8e8;
  z-index: 1;
  top: 50%;
  border-radius: 3px;
}

#meet-seller .wrap {
  display: flex;
  width: 100%;
  min-height: 100px;
  position: relative;
  padding: 0 0 0 120px;
  flex-direction: row;
  align-items: flex-start;
}

#meet-seller .wrap img.uimg {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  object-fit: fill;
  position: absolute;
  left: 0;
  top: 0;
}

#meet-seller .wrap .info1 {
  width: calc(100% - 200px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 16px;
}

#meet-seller .wrap .info2 {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#meet-seller .name1 {
  display: flex;
  align-items: center;
  flex-direction: row;
}

#meet-seller .name {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: var(--mb-color1);
}

#meet-seller .address {
  margin: 6px 0 0 0;
}

#meet-seller .address i {
  margin: 2px 5px 0 0;
  color: var(--mb-color-secondary);
  float: left;
  font-size: 16px;
}

#meet-seller .elements {
  display: flex;
  color: var(--mb-color6);
  font-size: 13px;
  line-height: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8px 0;
}

#meet-seller .elements>* {
  width: calc(50% - 4px);
  margin: 0 4px 4px 0;
}

#meet-seller a.phone {
  padding: 3px 8px;
  float: left;
  margin: 0 6px 2px 0;
  border-radius: 5px;
  font-weight: 600;
  background: var(--mb-color-secondary-light);
  color: var(--mb-color-secondary);
}

#meet-seller a.phone:hover {
  text-decoration: none;
  background: var(--mb-color-secondary-lighter);
  color: var(--mb-color-secondary-hover);
}

#meet-seller .wrap .info2 a.btn {
  margin: 0 0 8px 0;
  font-size: 13px;
  line-height: 16px;
  height: auto;
  padding: 5px;
}

#meet-seller .wrap .info2 a.btn:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  border-color: #c0c0c0;
}


/* 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 #showcase-box,
#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: 20px 20px 12px 20px;
}

#item-forms .subhead {
  display: none;
}

#item-forms .row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#item-forms .row input,
#item-forms .row textarea {
  width: 100%;
}

#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;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--mb-color3);
  padding: 0 2px;
}

#item-forms .btn {
  margin-top: 20px;
}

#item-forms .input-box {
  margin-bottom: 16px;
}

#item-forms .input-box.no-margin {
  margin-bottom: 0;
}

#item-forms .content form {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 52px 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: 9px;
}

#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 {
  display: none !important;
}

#item-card {
  display: flex;
  flex-direction: row;
  margin: 0 0 16px 0;
}

#item-card .img {
  width: 90px;
  min-width: 90px;
  margin-right: 12px;
}

#item-card .img img {
  width: 100%;
  height: 80px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  object-fit: cover;
}

#item-card .dsc {
  width: 100%;
  font-weight: 600;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#item-card .dsc strong {
  font-size: 14px;
  max-height: 36px;
  overflow: hidden;
  line-height: 18px;
  margin-bottom: 3px;
  font-weight: 600;
  color: var(--mb-color4);
}

#item-card .dsc div {
  margin: 2px 0 -2px 0;
  padding: 0;
  color: var(--mb-color1);
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}

#item-card .dsc span {
  margin: 0;
  display: block;
  color: #777;
  font-weight: normal;
  line-height: 18px;
}

#item-card.user .dsc {
  justify-content: center;
}

#item-card.user .dsc strong {
  margin-bottom: 1px;
}

#item-card.user .img {
  width: 64px;
  min-width: 64px;
}

#item-card.user .img img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}


/* SEARCH MENU - ALL FILTERS IN MODAL */
body#search .container.primary {
  padding-bottom: 35px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#search-menu {
  display: none;
}

.ssfrm label,
.ssfrm h6,
.ssfrm #atr-search .control-group>label {
  line-height: 16px;
  margin: 0 0 4px 0;
  display: block;
  font-weight: 600;
  width: 100%;
  text-align: left;
  font-size: 14px;
}

.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: 6px;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}

.ssfrm .price .line input[type="number"] {
  width: 48%;
  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 .input-box-check {
  margin: 0 0 4px 0;
}

.ssfrm .row.buttons {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 60px;
  background: #fff;
  padding: 8px 16px 16px 16px;
  z-index: 4;
}

.ssfrm .row.buttons .btn {
  white-space: nowrap;
}

.ssfrm .row.buttons .btn.btn-white {
  margin-right: 10px;
}

.ssfrm #search-button {
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 19px;
  flex: 1;
}

.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: 14px;
  padding: 0px 0 0 18px !important;
}

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

.ssfrm .price .input-box-check label:after {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
}

.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;
}

.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;
}


/* SEARCH MAIN CONTENT */
#search-main {
  width: calc(100% - 204px);
  position: relative;
}

#search-main h1 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 4px 0;
  width: 100%;
}

#search-main .hdesc {
  font-size: 14px;
  color: var(--mb-color4);
  line-height: 20px;
  margin: 0 0 20px 0;
  display: block;
  width: 100%;
}

#search-main: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;
}

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

#filters-remove {
  margin: 12px 0 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#filters-remove a {
  padding: 7px 30px 7px 8px;
  margin: 0 6px 6px 0;
  max-width: 180px;
  height: 32px;
  font-weight: normal;
  line-height: 17px;
  font-size: 14px;
  background: #f0f0f0;
  color: var(--mb-color2, #2c2c2c);
  border-radius: 4px;
  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 {
  transition: 0.2s;
  color: var(--mb-color4);
  font-weight: 900;
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 22px;
  text-align: center;
  height: 22px;
  line-height: 24px;
  font-size: 14px;
}

#filters-remove a:hover {
  text-decoration: line-through;
  box-shadow: 0 0 0 1px var(--mb-color9);
}

#filters-remove a:hover:after {
  color: var(--mb-color2, #2c2c2c);
}

#filters-remove a.remove-all {
  background: #fff;
  box-shadow: none;
  padding-right: 10px;
  margin-right: 12px;
  font-weight: 600;
}

#filters-remove a.remove-all i {
  font-size: 16px;
  margin: 0 4px 0 0;
}

#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[data-type="checkbox"]>em {
  display: inline;
  letter-spacing: -0.3px;
}

#search-side-banner {
  width: 180px;
  position: sticky;
  top: 76px;
  height: 660px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  ;
}

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

#search-side-banner .lab {
  width: 100%;
  margin: 0 0 2px 0;
}

.filter-list .custom-hooks-filter {
  display: flex;
  align-items: center;
  gap: 15px;
}

.filter-list .custom-hooks-filter .control-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.filter-list .custom-hooks-filter .control-group label {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

.filter-list .custom-hooks-filter .control-group select {
  height: 38px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 10px;
  background-color: #fff;
  min-width: 180px;
}


#search-items .products.list .simple-prod {
  width: 100%;
}

#search-items .products.list .simple-prod:first-child {
  border-top: 1px solid #ddd;
}

#search-items .products.grid.with-border .simple-prod {
  border-radius: 0;
}

#search-items .simple-prod .marks {
  top: 3px;
  bottom: auto;
}

#search-items .list-empty {
  font-size: 15px;
  line-height: 20px;
  margin: 30px 0;
  padding: 18px 20px;
  background: #f0f0f0;
  border-radius: 4px;
}

#search-items .list-empty .titles {
  font-size: 17px;
  margin: 0 0 12px 0;
  font-weight: bold;
  display: block;
}

#search-items .list-empty .row {
  margin: 0 0 4px 0;
}

#search-items .list-empty .tips {}

#search-items .list-empty .tips .row.last {
  font-weight: 600;
  margin: 20px 0 0 0;
}

#search-items .list-empty .tips a {
  font-weight: 600;
  color: var(--mb-color-primary);
}

#search-items .list-empty .tips i {
  font-size: 6px;
  line-height: 22px;
  float: left;
  margin: 0 6px 0 1px;
}

#search-items .simple-prod.day-offer .simple-wrap,
#latest-items .simple-prod.day-offer .simple-wrap,
#related-items .simple-prod.day-offer .simple-wrap {
  background-color: #bef1ef;
}

.simple-prod.day-offer .simple-wrap {
  box-shadow: 0 0 0 2px var(--mb-color-primary);
}

.ajax-load-failed.flashmessage {
  width: 100%;
  margin: 8px 0 12px 0;
  padding: 12px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ajax-load-failed.flashmessage>p {
  font-size: 14px;
  line-height: 18px;
  margin-right: 15px;
}

.ajax-load-failed .btn.mini {
  background: rgba(255, 255, 255, 0.15);
  white-space: nowrap;
  margin-left: 8px;
  text-decoration: none;
}

.ajax-load-failed .btn.mini:hover {
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

/* VIEW TYPE LIST, GRID, DETAIL */
#search-quick-bar .view-type {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

#search-quick-bar .view-type a {
  transition: 0.2s;
  color: var(--mb-color8);
  border-radius: 5px;
  font-weight: normal;
  height: 36px;
  margin: 2px 0;
  padding: 8px 6px;
  line-height: 16px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  min-width: 36px;
  text-align: center;
  display: none;
}

#search-quick-bar .view-type a svg {
  transition: 0.2s;
  margin: 0 auto;
  width: auto;
  height: 20px;
  color: #acacac;
  width: auto;
  display: inline-block;
}

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

#search-quick-bar .view-type a:hover {
  background: #f0f0f0;
  text-decoration: none;
}

#search-quick-bar .view-type a:hover svg {
  fill: var(--mb-color2, #2c2c2c);
}

#search-quick-bar .view-type a.active svg {
  color: #000;
}


/* SEARCH CATEGORIES - TOP */
#search-cat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 8px 0;
}

#search-cat h2 {
  font-size: 15px;
  margin: 0 0 4px 0;
}

#search-cat .cat-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4px 0 0 0;
  align-items: stretch;
  overflow-x: auto;
  max-width: 100%;
}

#search-cat .cat-list a {
  width: auto;
  min-width: 115px;
  max-width: 115px;
  height: 84px;
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  display: flex;
  margin: 0 6px 6px 0;
  padding: 4px 5px;
  position: relative;
  align-items: center;
  flex-direction: column;
}

#search-cat .cat-list a:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  z-index: 2;
  border-color: var(--mb-color-primary);
  background: #fff;
  text-decoration: none;
}

#search-cat .cat-list a.active {
  border-color: var(--mb-color-primary);
  box-shadow: 0 0 0 1px var(--mb-color-primary);
  background: #fff;
}

#search-cat .cat-list a.active .name {
  font-weight: 600;
}

#search-cat .cat-list a.show-more {
  width: 84px;
}

#search-cat .cat-list a.show-more .icon i {
  line-height: 38px;
  font-size: 26px;
  color: var(--mb-color7);
}

#search-cat .cat-list a.show-more .name {
  font-weight: 600;
}

#search-cat .cat-list a.hide {
  display: none;
  transition: unset;
}

#search-cat .cat-list a.serv {
  border-radius: 0;
  margin-right: -1px;
  margin-left: 0;
}

#search-cat .cat-list a.serv:not(:has(+ .serv)) {
  border-radius: 0 5px 5px 0;
}

#search-cat .cat-list a.serv .name {
  font-weight: 600;
}

#search-cat .cat-list a.all {
  width: 84px;
  border-radius: 5px 0 0 5px;
  margin-right: -1px;
  margin-left: 0;
}

#search-cat .cat-list a.all .icon i,
#search-cat .cat-list a.all .icon svg {
  color: var(--mb-color5);
  fill: var(--mb-color5);
}

#search-cat .cat-list a.all .name {
  font-weight: 600;
}

#search-cat .cat-list a .name {
  font-weight: normal;
  letter-spacing: -0.2px;
  position: relative;
  z-index: 3;
  color: var(--mb-color1);
  font-size: 13px;
  line-height: 14px;
  height: 29px;
  word-break: break-word;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#search-cat .cat-list a .count {
  font-style: normal;
  position: absolute;
  min-width: 16px;
  height: 16px;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  text-align: center;
  right: -3px;
  background: var(--mb-color-secondary);
  color: #fff;
  border-radius: 6px;
  top: -4px;
  padding: 1px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#search-cat .cat-list a.serv:has(+ .serv) .count,
#search-cat .cat-list a.all .count {
  right: 3px;
}

#search-cat .cat-list a .name>span {
  max-height: 29px;
  min-height: 15px;
  overflow: hidden;
  display: inline-block;
}

#search-cat .cat-list a .icon {
  width: auto;
  margin: 7px 0 4px 0;
}

#search-cat .cat-list a .icon img,
#search-cat .cat-list a .icon svg,
#search-cat .cat-list a .icon i {
  width: auto;
  height: 34px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: var(--mb-color4);
}

#search-cat .cat-list a .icon img,
#search-cat .cat-list a .icon svg {
  padding: 2px;
}

#search-cat .cat-list>.del {
  margin: 0 14px 6px 14px;
  padding: 10px 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

#search-cat .cat-list>.del>span {
  display: block;
  width: 2px;
  border-radius: 100px;
  background: #d6d6d6;
}


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

.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: 6px;
  padding: 10px 40px 10px 10px;
  position: relative;
  height: 50px;
  display: flex;
  font-size: 16px;
  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: #f0f0f0;
}

.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: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  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:hover:after {
  right: 8px;
  color: var(--mb-color7);
}

.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: 60px;
  background: #fff;
  padding: 8px 16px 16px 16px;
  display: flex;
}

.cat-box .cat-foot .btn {
  width: auto;
  white-space: nowrap;
}

.cat-box .cat-foot .btn.close-category-box {
  margin-right: 8px;
}

.cat-box .cat-foot .btn.confirm-category-box {
  flex: 1;
}



/* SORTING */
#search-quick-bar .sort-type {
  position: relative;
}

#search-quick-bar .simple-sort {
  width: auto;
}


/* ALERTS */
#search-quick-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin: 16px 0;
  padding: 16px 0 0 0;
  border-top: 1px solid #ddd;
}

#search-premium-items+#search-quick-bar {
  padding: 0;
  border-top: none;
}

#search-alert {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px 0;
}

#search-alert .open-alert-box {
  transition: 0.2s;
  margin: 0;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  position: relative;
  padding: 9px 14px;
  border: 1px solid var(--mb-color-secondary);
  background: var(--mb-color-secondary-lighter);
  color: var(--mb-color3);
  border-radius: 6px;
  width: auto;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: none;
}

#search-alert .open-alert-box:hover {
  color: var(--mb-color1);
  border-color: var(--mb-color-secondary-hover);
  background: #fff;
}

#search-alert .open-alert-box i.fa-bell {
  color: var(--mb-color1);
  font-size: 18px;
  margin: 0 7px 0 0;
}

#search-alert .open-alert-box.active i.fa-bell {
  color: var(--mb-color-secondary);
}

#search-alert .open-alert-box .active-badge {
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  background: #171717;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 21px;
  font-size: 7px;
  border-radius: 100px;
}

#alert-form {
  padding: 30px;
  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-secondary);
}

#alert-form .line a:hover {
  text-decoration: underline;
  color: var(--mb-color-secondary-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;
  width: 260px;
}

#alert-form .inputs input[name="alert_email"]:read-only {}

#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 22px 0;
  font-size: 15px;
  line-height: 1.2;
  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;
}

#zetModal.report .wrap>.line:first-child {
  margin-bottom: 20px;
}

.report .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  margin: -4px 0 26px 0;
}

.report .text a {
  margin: 0 0 8px 0;
  width: 100%;
}

.report .text>.line {
  font-style: italic;
  font-size: 16px;
}


/* SEARCH PAGE - FILTERS IN LINE */
#filter-line {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: row;
  margin: 0 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,
#search-quick-bar .simple-sort .text {
  transition: 0.2s;
  font-size: 15px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  min-width: 80px;
  background: #fff;
  align-items: center;
  height: 36px;
  margin: 0;
  border: 1px solid #b4b4b4;
  color: var(--mb-color2, #2c2c2c);
  line-height: 18px;
  border-radius: 8px;
  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,
#search-quick-bar .simple-sort:hover .text,
#search-quick-bar .simple-sort.opened .text {
  text-decoration: none;
  border-color: var(--mb-color4);
}

#search-quick-bar .simple-sort .option:hover {
  text-decoration: none;
}

#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;
}

#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=""])) {
  border-color: var(--mb-color-secondary);
  background: var(--mb-color-secondary-lighter);
  color: #000;
}

#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.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;
}

#filter-line .simple-select.simple-location .results .lead {
  float: left;
  clear: both;
  padding: 0 10px;
  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;
}

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

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

#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,
#search-quick-bar .simple-sort .text>.caret {
  width: 12px;
  height: 16px;
  margin: 0 -2px 0 8px;
  fill: var(--mb-color7);
  transition: 0.2s;
}

#filter-line .simple-select.opened .text>.caret,
#search-quick-bar .simple-sort.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: #fff;
}

#filter-line .del {
  margin: 0px 12px 5px 6px;
  padding: 4px 0;
  width: 1px;
  display: none;
  line-height: 20px;
  height: 36px;
}

#filter-line .del:last-child {
  display: none;
}

#filter-line .del span {
  width: 1px;
  background: #d4d4d4;
}

#filter-line+#search-premium-items {
  margin-top: 4px;
}

.simple-select.input-box.simple-price-min-max.opened {
  display: none;
}

.simple-select.input-box.simple-radius.nice-scroll-nothave-overflow.opened {
  display: none;
}

#search-quick-bar .simple-sort .text {
  border-radius: 6px;
  padding-right: 28px;
}

#search-quick-bar .simple-sort .text>span {
  margin-right: 4px;
}

#search-quick-bar .simple-sort .text>strong {
  font-weight: 600;
}

#search-quick-bar .simple-sort .text>.caret {
  right: 8px;
  margin: 0;
}


/* SEARCH PREMIUM ITEMS */
#search-premium-items {
  margin: 16px 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #ddd;
}

#search-premium-items h2 {
  margin: 0 0 6px 0;
  font-size: 15px;
}

#search-premium-items .products {
  position: relative;
  background: #f0f0f0;
  border-radius: 4px;
  padding: 6px 6px;
  margin: 0;
  width: 100%;
}

#search-premium-items .simple-prod {
  width: 220px;
  height: 260px;
  margin: 0 1px 0 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #ddd;
}

#search-premium-items .simple-prod:has(+ .simple-prod.placeholder) {
  box-shadow: none;
  margin-right: 12px;
}

#search-premium-items .simple-prod:hover {
  box-shadow: none;
  background: #fff;
}

#search-premium-items .simple-prod:has(+ .simple-prod:hover) {
  box-shadow: none;
}

#search-premium-items .simple-prod:last-child {
  margin: 0;
  box-shadow: none;
}

#search-premium-items .simple-prod .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  margin: 0;
}

#search-premium-items .simple-prod .extra,
#search-premium-items .simple-prod .labels {
  display: none;
}

.simple-prod.is-premium .top-wrap {
  display: none !important;
}

.simple-prod.is-premium .top-wrap,
.simple-prod.is-premium .favorite-block1 {
  display: none !important;
}

.simple-prod.placeholder,
#search-premium-items .simple-prod.placeholder {
  margin: 0 0 0 auto;
  width: 190px;
  border-radius: 12px;
}

.simple-prod.placeholder .simple-wrap,
#search-premium-items .simple-prod.placeholder .simple-wrap {
  padding: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px var(--mb-color-secondary) inset;
  background: var(--mb-color-secondary-lighter);
  border-radius: 12px;
}

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

.simple-prod.placeholder:hover .simple-wrap,
#search-premium-items .simple-prod.placeholder:hover .simple-wrap {
  box-shadow: 0 0 0 2px var(--mb-color-secondary) inset;
  text-decoration: none;
}

.simple-prod.placeholder .simple-wrap .dx {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.simple-prod.placeholder .simple-wrap .dx svg {
  margin: 0 0 16px 0;
  fill: var(--mb-color-secondary-hover);
  width: 56px;
  height: 56px;
}

.simple-prod.placeholder .simple-wrap .dx strong {
  font-weight: bold;
  font-size: 16px;
  color: var(--mb-color0);
}

.simple-prod.placeholder .simple-wrap .dx span {
  font-weight: normal;
  font-size: 14px;
  color: var(--mb-color4);
}


/* LATEST SEARCH WORDS */
#latest-search {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0 0;
  padding: 24px 0 0 0;
  border-top: 2px dotted #ddd;
}

#latest-search h3 {
  font-size: 15px;
  margin: 0 0 8px 0;
}

#latest-search .wrap {
  display: inline-block;
  width: 100%;
}

#latest-search a {
  float: left;
  font-size: 15px;
  line-height: 1.2;
  font-weight: normal;
  padding: 6px 12px;
  background: #e4e4e4;
  margin: 0 5px 5px 0;
  border-radius: 100px;
  color: var(--mb-color2, #2c2c2c);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#latest-search a:hover {
  background: #f4f4f4;
  text-decoration: none;
}



/* FAVORITE LISTINGS */
body #fi_message .fi_simple {
  width: auto;
  max-width: 100%;
  margin-bottom: 7px;
  background: #fff;
  border: none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border-top-right-radius: 0;
  padding: 10px;
  font-size: 13px;
  opacity: 1;
}

body #fi_message {
  width: 220px;
  top: 15px;
  right: 15px;
}

#body-user-custom.body-ua.plugin-favorite_items #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

body #main .fi_user_menu_wrap h2.r1 {
  width: 100%;
  float: left;
  margin: 0;
  border: none;
  padding-bottom: 0;
}

body #fi_list_items h2.r3 {
  width: 100%;
  float: left;
  margin: 0 1% 12px 1%;
  font-family: inherit;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #111;
  border: none;
}

body #fi_list_items h2.r3 a {
  color: #111;
  text-decoration: none;
  text-transform: none;
}

body #fi_user_new_list {
  font-size: 14px;
  padding: 16px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f0f0f0;
  margin: 10px 0 20px 0;
}

body #fi_user_new_list .fi_new_name {
  float: left;
  padding: 8px;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  width: 43%;
  margin-right: 2%;
}

body #fi_user_new_list .fi_check.first,
body #fi_user_new_list .fi_check {
  float: left;
  width: 20%;
  padding-right: 20px;
  margin: 0;
}

#fi_user_new_list .fi_title {
  display: block !important;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #111;
}

body #fi_user_new_list button.btn {
  font-weight: 600;
  font-size: 14px;
  height: 36px;
  padding: 8px 15px;
  line-height: 18px;
  border-radius: 4px;
  width: 15%;
  text-align: center;
}

body #fi_user_new_list .fi_check label {
  font-size: 13px;
}

body #fi_list_items.fi_user_menu .fi_tool {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: auto;
  z-index: 9;
}

body #fi_list_items.fi_user_menu .fi_tool span {
  color: #666;
  font-size: 15px;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  transition: 0.1s;
}

body #fi_list_items.fi_user_menu .fi_tool span:hover {
  color: #333;
  background: #eee;
}

body #fi_list_items.fi_user_menu .fi_tool span:before {
  line-height: 16px;
}

body #fi_list_items.fi_user_menu .fi_item {
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  line-height: 16px;
  font-size: 13px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  padding: 0;
}

body #fi_list_items .fi_left a {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #eee;
}

body #fi_list_items .fi_left img {
  background-size: cover;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  transition: 0.2s;
  overflow: hidden;
  background-position: center center;
}

body #fi_list_items.fi_user_menu .fi_right {
  text-align: left;
  float: left;
  width: 100%;
  padding: 14px 2px;
  margin: 0;
  z-index: 3;
  position: relative;
  background: #fff;
  border-radius: 0px;
  border-top: 1px solid #ddd;
}

body #fi_list_items .fi_left a,
body #fi_list_items .fi_left a:hover {
  border: none;
}

body #fi_list_items.fi_user_menu .fi_left {
  margin: 0;
}

body #fi_list_items.fi_user_menu .fi_right a {
  float: left;
  text-align: left;
  font-size: 14px;
  clear: both;
  font-weight: normal;
  color: #363433;
  margin: 0px 0 8px 0;
  padding: 0;
  height: 19px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

body #fi_list_items.fi_user_menu .fi_right a:hover {
  color: #363433;
  text-decoration: underline;
}

body #fi_list_items .fi_right .fi_top,
body #fi_list_items .fi_right .fi_bottom {
  max-width: 100%;
  float: left;
  clear: both;
  font-weight: bolder;
  color: #000;
  margin: 0;
  padding: 0 5px 0 10px;
  position: relative;
  font-size: 17px;
  line-height: 20px;
}

.fi_check>span {
  float: left;
  width: 100%;
  clear: both;
  margin: 3px 0;
}

.fi_check>span 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;
}

.fi_check>span label {
  cursor: pointer;
  position: relative;
  float: left;
  padding: 2px 0 0 26px !important;
  line-height: 16px;
  font-size: 13px;
  width: auto;
  clear: both;
  font-weight: normal;
}

.fi_check>span label:hover {
  text-decoration: underline;
}

.fi_check>span label:before {
  cursor: pointer;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  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: 3px;
  transition: 0.1s;
}

.fi_check>span label:hover:before {
  border-color: #aaa;
}

.fi_check>span label:after {
  cursor: pointer;
  text-indent: 1px;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: transparent;
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 900;
  text-shadow: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  transition: 0.1s;
}

.fi_check>span input[type="checkbox"]:checked+label:after {
  color: #000;
}

body .fi_user_menu_wrap h2.r2 {
  display: none;
}

body #fi_user_lists .fi_list.fi_head {
  border: none;
  background: #f0f0f0;
  text-transform: none;
  font-weight: bold;
  color: var(--mb-color2, #2c2c2c);
  font-size: 13px;
  border: none;
  border-bottom: 1px solid var(--mb-color-primary);
  padding: 10px 10px;
  margin: 0;
  white-space: nowrap;
}

body #fi_user_lists .fi_list.fi_head .fi_count,
body #fi_user_lists .fi_list.fi_head .fi_user_list_remove {
  color: inherit;
}

body #fi_user_lists .fi_name a:hover {
  color: #111;
  text-decoration: underline;
}

body #fi_user_lists .fi_list:not(.fi_head) {
  padding: 10px 10px;
  margin: 0 0 5px 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

body #fi_user_lists .fi_user_list_remove a {
  color: #666;
}

body #fi_user_lists .fi_user_list_remove a:hover {
  color: #111;
}

body #fi_user_lists {
  margin: 15px 0;
}

body .fi_current a,
body .fi_notification a,
body .fi_user_list_remove a {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 8px;
  margin: -8px 0;
  border-radius: 5px;
  background: #f9f9f9;
  transition: 0.1s;
}

body .fi_current a i,
body .fi_notification a i,
body .fi_user_list_remove a i {
  line-height: 16px;
  transition: 0.1s;
}

body .fi_current a:hover,
body .fi_notification a:hover,
body .fi_user_list_remove a:hover {
  background: #eee;
}

body #fi_user_lists .fi_explain {
  margin-top: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #777;
}

body #fi_user_lists .fi_explain>div {
  margin-bottom: 6px;
}

body #fi_user_lists .fi_explain sup {
  color: #888;
  width: auto;
  margin-right: 4px;
}

body #fi_user_lists .fi_current.fi_active .fa-check {
  color: var(--mb-color-primary);
}

body #fi_list_items .fi_tool span {
  font-family: "Font Awesome 5 Free";
}

body #fi_list_items .fi_tool span:before {
  content: "\f1f8";
  font-weight: 900;
}

/* USER ACCOUNT */
body.body-ua {
  background: #fff;
}

.body-ua .container.primary {
  margin-top: 10px;
  margin-bottom: 35px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}

.body-ua .content.no-breadcrumbs {
  padding-top: 20px;
}

#user-menu {
  width: 200px;
  margin-left: -10px;
  position: sticky;
  top: 60px;
  margin-bottom: 20px;
}

#user-main {
  width: calc(100% - 220px);
  min-height: calc(100vh - 508px);
}

#user-menu a {
  position: relative;
  transition: 0.2s;
  line-height: 1.2;
  display: block;
  margin: 0 0 3px 0;
  font-size: 14px;
  padding: 6px 8px;
  border-left: 3px solid transparent;
  font-weight: normal;
  color: var(--mb-color2, #2c2c2c);
}

#user-menu a:not(.logout):not(.active):hover {
  text-decoration: none;
  color: var(--mb-color0);
  background: #f0f0f0;
  border-radius: 4px;
  border-left-color: #c0c0c0;
}

#user-menu a.active {
  text-decoration: none;
  font-weight: 600;
  color: var(--mb-color0);
}

#user-menu a.public .ext {
  top: calc(50% - 10px);
  right: 7px;
  position: absolute;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
  color: var(--mb-color0);
}

#user-menu a.logout {
  font-weight: 600;
  margin-top: 16px;
}

#user-menu a.active {
  border-color: var(--mb-color-primary);
}

#user-menu a.has-counter {
  padding-right: 30px;
}

#user-menu a .counter,
#user-menu a .im-user-account-count {
  top: calc(50% - 10px);
  right: 5px;
  position: absolute;
  min-width: 20px;
  height: 20px;
  padding: 4px 3px;
  line-height: 12px;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  border-radius: 100px;
  color: #fff;
  background: var(--mb-color-primary);
}

#user-menu li {
  list-style-type: none;
  margin: 0;
  display: inherit;
  padding: 0;
}

#user-menu li a i,
#user-menu li a svg {
  display: none;
}

#user-main h1,
#user-main h2,
#user-main h3 {
  margin: 0 0 10px 0;
}

#user-main h1+h2,
#user-main h2+h3 {
  margin-top: -5px;
}

#user-main h2 {
  font-weight: 600;
  font-size: 16px;
}

#user-main .user-custom-box h2 {
  font-size: 22px;
  font-weight: bold;
}

.body-ua #flashbox #flash_js+.flashmessage {
  margin-/* top: 5px; removed */
}

.body-ua #flashbox .flashmessage:last-child {
  margin-bottom: 20px;
}

body .im-table-row .im-horizontal {
  background: transparent;
}

body .im-table-row .im-horizontal .right img {
  background: transparent;
  border-radius: 100px;
}

body .im-table-row .im-horizontal .right {
  background: transparent;
}

a.btn-remove-account.btn.btn-white {
  display: none;
}

/* USER DASHBOARD */
#user-main .headers {
  margin: 0 0 16px 0;
  padding-top: 3px;
}

#user-main .headers h1,
#user-main .headers h2 {
  margin: 0;
}

#user-dashboard .card-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  grid-gap: 20px;
  margin: 25px 0;
  padding-top: 25px;
  border-top: 1px solid var(--mb-color12);
}

#user-dashboard .card {
  padding: 16px;
  color: var(--mb-color2, #2c2c2c);
  background: #fff;
  transition: 0.25s;
  line-height: 1.4;
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px #d4d4d4, 0px 5px 12px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

#user-dashboard .card:hover {
  text-decoration: none;
  border-color: var(--mb-color4);
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
}

#user-dashboard .card .icon {
  width: 32px;
  height: 28px;
  padding: 0;
  margin: 10px 0 4px 0;
  text-align: center;
  position: relative;
  display: inline-block;
}

#user-dashboard .card .icon>i {
  font-size: 28px;
  line-height: 28px;
  color: var(--mb-color4);
}

#user-dashboard .card .icon>svg {
  width: 32px;
  height: 28px;
  fill: var(--mb-color4);
}

#user-dashboard .card .icon .count {
  box-shadow: 0 0 1px 1px #fff;
  position: absolute;
  right: -6px;
  top: -6px;
  font-size: 11px;
  text-align: center;
  line-height: 14px;
  padding: 2px;
  min-width: 18px;
  height: 18px;
  border-radius: 100px;
  background: var(--mb-color-primary);
  color: #fff;
  font-weight: 600;
}

#user-dashboard .card .icon .count i {
  font-size: 11px;
  line-height: 16px;
}

#user-dashboard .card .header {
  font-size: 17px;
  font-weight: 600;
  margin: 6px 0 3px 0;
  color: var(--mb-color2, #2c2c2c);
}

#user-dashboard .card .description {
  font-size: 14px;
  color: var(--mb-color5);
}

#user-dashboard .headers {
  height: 66px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

#user-dashboard #user-main h1 {
  font-size: 22px;
  ;
}

#user-dashboard #user-main h2 {
  font-size: 14px;
  font-weight: normal;
  color: var(--mb-color7);
  margin: 2px 0 0 0;
}

#user-dashboard.body-ua .img-container {
  display: none;
}


/* USER ITEMS */
.items-box {
  margin: 10px 0;
}

.items-box .item {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.items-box.all .item.inactive:after {
  border-radius: 6px;
  transition: 0.2s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.55);
  z-index: 2;
}

.items-box.all .item.inactive:hover:after {
  opacity: 0;
  bottom: 50%;
  top: 50%;
}

.items-box .item .image {
  width: 160px;
  height: 140px;
  position: relative;
  display: block;
  margin: 0 16px 0 0;
}

.items-box .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.items-box .item .image .image-counter {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 3px 5px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px;
  line-height: 14px;
}

.items-box .item .label-premium,
.items-box .item .label-sold,
.items-box .item .label-reserved,
.items-box .item .label-inactive,
.items-box .item .label-expired {
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 3px 5px;
  border-radius: 3px;
  background: #00b145;
  color: #fff;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 2px;
  font-weight: 400;
}
}

.items-box .item .label-sold {
  background: var(--mb-color-primary);
  color: #fff;
  top: 26px;
}

.items-box .item .label-reserved {
  background: #2553e0;
  color: #fff;
  bottom: 3px;
  top: auto;
}

.items-box .item .label-inactive,
.items-box .item .label-expired {
  right: 3px;
  left: auto;
  background: #222;
  color: #fff;
}

.items-box:not(.all) .item .label-inactive,
.items-box:not(.all) .item .label-expired {
  display: none;
}

.items-box .item .label-expired {
  background: #f30000;
}

.items-box .item .body {
  width: calc(100% - 184px);
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0;
  position: relative;
}

.items-box .item .top {
  font-size: 12px;
  color: #555;
  line-height: 16px;
  margin: 0 0 7px 0;
  padding-right: 130px;
}

.items-box .item .top span:empty {
  display: none;
}

.items-box .item .top span:after {
  content: "\2022";
  margin: 0 4px 0 8px;
  color: #999;
}

.items-box .item .top span:last-child:after {
  display: none;
}

.items-box .item .title {
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  font-size: 16px;
  line-height: 1.2;
  margin: 0px 0 8px 0;
}

.items-box .item .description {
  font-size: 14px;
  color: var(--mb-color5);
  line-height: 16px;
  max-height: 33px;
  min-height: 17px;
  overflow: hidden;
}

.items-box .item .price {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin: 1px 0;
  color: var(--mb-color0);
}

.items-box .item .buttons {
  display: flex;
  width: 100%;
  margin-top: auto;
  flex-wrap: wrap;
}

.items-box .item .buttons a {
  padding: 6px 8px;
  margin: 6px 6px 0 0;
  border-radius: 4px;
  height: fit-content;
  background: var(--mb-color-secondary-lighter);
  color: var(--mb-color-secondary-hover);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.items-box .item .buttons a:hover {
  background: var(--mb-color-secondary-light);
  color: var(--mb-color-secondary-hover);
  text-decoration: none;
}

.items-box .item .buttons a.delete {
  box-shadow: 0 0 0 1px #ddd inset;
  background: #fff;
  color: var(--mb-color2, #2c2c2c);
}

.items-box .item .buttons a.delete:hover {
  background: #f0f0f0;
  color: var(--mb-color0);
}

.items-box .item .buttons a.delete i {
  color: #888;
  margin-right: 2px;
}

.items-box .item .buttons .delim {
  display: none;
}

.items-box .item.osp-item-is-highlight {
  background: #fffece !important;
}

.item-statistics {
  display: flex;
  background: var(--bg-color, #ffffff);
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  margin-top: 20px;
  box-shadow: 0 4px 12px rgba(0, 143, 121, 0.1);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  transition: all 0.3s ease;
  margin-left: auto;
  width: 100%
}

.item-statistics .stat-row {
  margin-right: 15px;
  margin-bottom: 0;
}

html[mode="dark"] .item-statistics {
  --bg-color: #1e2a2a;
  --border-color: #026958;
  --text-color: #e0e0e0;
  box-shadow: 0 4px 12px rgba(2, 105, 88, 0.2);
}

.item-statistics .stat-row {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--text-color, #1a1a1a);
  transition: background 0.2s ease, transform 0.2s ease;
}

html[mode="dark"] .item-statistics .stat-row {
  --text-color: #e0e0e0;
}

.item-statistics .stat-row:hover {
  background: var(--hover-bg, rgba(0, 143, 121, 0.1));
  transform: translateY(-1px);
}

html[mode="dark"] .item-statistics .stat-row:hover {
  --hover-bg: rgba(2, 105, 88, 0.2);
}

.item-statistics .stat-row i {
  font-size: 18px;
  color: var(--icon-color, #777);
  width: 24px;
  text-align: center;
  transition: transform 0.2s ease, color 0.2s ease;
}

.item-statistics .stat-row:hover i {
  transform: scale(1.1);
  color: var(--icon-hover-color, #026958);
}

html[mode="dark"] .item-statistics .stat-row i {
  --icon-color: #33a392;
}

html[mode="dark"] .item-statistics .stat-row:hover i {
  --icon-hover-color: #4db8a5;
}

.item-statistics .stat-row.high-value span::after {
  content: '??';
  margin-left: 6px;
  color: #ff2636;
  font-size: 14px;
}

@media (max-width: 768px) {
  .item-statistics {
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    margin-top: 12px;
    border-radius: 8px;
    width: 100%
  }

  .item-statistics .stat-row {
    font-size: 13px;
    gap: 8px;
    padding: 5px 6px;
  }

  .item-statistics .stat-row i {
    font-size: 16px;
    width: 20px;
  }
}

@media (prefers-contrast: high) {
  .item-statistics {
    border: 2px solid #008f79;
  }

  .item-statistics .stat-row {
    --text-color: #000000;
  }

  html[mode="dark"] .item-statistics .stat-row {
    --text-color: #ffffff;
  }
}

.whatsapp-container.active {
  border-color: #25D366;
  box-shadow: 0 0 5px rgba(37, 211, 102, 0.2);
}

.whatsapp-container {
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 15px;
  margin: 10px 0;
  border: 1px solid #e0e0e0;
  transition: all 0.3s ease;
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 86px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.whatsapp-header {
  display: flex;
  margin-bottom: 16px;
}

.whatsapp-icon {
  margin-right: 10px;
  font-size: 22px;
  color: #25D366;
  flex-shrink: 0;
}

h3.whatsapp-title {
  margin: 1px 0 4px 0;
  font-size: 15px;
  font-weight: 400;
}

/* USER ALERTS */
.alerts-box {
  margin: 10px 0;
}

.alerts-box .alert {
  margin: 0 0 16px 0;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.alerts-box .alert .details {
  background: #e8e8e8;
  padding: 10px;
}

.alerts-box .head-row {
  margin: 0 0 12px 0;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}

.alerts-box .head-row .data strong {
  font-size: 15px;
  font-weight: normal;
  font-weight: bold;
}

.alerts-box .head-row .data div {
  font-size: 14px;
  margin-/* top: 5px; removed */
}

.alerts-box .head-row .btn {
  white-space: nowrap;
  margin-left: 12px;
  height: auto;
  padding: 5px 8px;
}

.alerts-box .head-row .alert-title {
  background: var(--mb-color-secondary-light);
  padding: 0 2px;
}

.alerts-box .head-row .show-technical-details {
  display: none;
  margin-left: 6px;
  font-size: 13px;
}

.alerts-box .details {
  display: none;
  margin: 0 0 12px 0;
  font-size: 13px;
  font-family: "Consolas";
  border-radius: 5px;
}

.alerts-box .items {
  margin: 10px 0 0 0;
}

.alerts-box .items .empty {
  margin-top: 10px;
}

.alerts-box .show-all {
  margin: 0 0 6px 0;
  font-size: 13px;
  display: block;
  font-weight: 600;
}

#alert-items .simple-prod {
  width: 200px;
  margin-bottom: 6px;
}

/* USER PROFILE */
.profile-box {
  margin: 0px 0 40px 0;
}

#user-main .profile-box.alt h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
}

#user-main .right-block h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.profile-box.alt {
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.profile-box select {
  width: 100%;
  max-width: 320px;
  border: 1px solid #e0e0e0;
}

.profile-box input {
  width: 100%;
  max-width: 320px;
  border: 1px solid #e0e0e0;
}

.profile-box textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 0;
  border: 1px solid #e0e0e0;
}

.profile-box form.profile>.wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.profile-box .left-block {
  width: calc(100% - 314px);
}

.profile-box .right-block {
  width: 290px;
  padding: 12px 0 0 24px;
  position: sticky;
  top: 72px;
  border-left: 1px solid #ddd;
}

.profile-box .tabberlive .tabbertab,
.profile-box .tabberlive {
  margin-bottom: 0;
  padding-bottom: 0;
}

.profile-box label {
  font-size: 14px;
  margin: 0 0 3px 0;
  display: block;
}

.profile-box label a.change-email {
  font-size: 13px;
  margin-left: 6px;
  color: var(--mb-color-primary);
}

.profile-box .profile-img {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}

.profile-box .profile-img .btn {
  padding: 6px 8px;
  height: auto;
  font-size: 14px;
  margin-right: 5px;
}

.profile-box .profile-img .btn.remove-profile-picture {
  background: #fff;
  color: var(--mb-color4);
  border: 1px solid #ddd;
  min-width: 80px;
}

.profile-box .profile-img .btn.remove-profile-picture:hover {
  background: #f0f0f0;
}

.profile-box input#zip {
  width: 120px;
}

.profile-box input#s_name {
  width: 100%;
}

.profile-box.prim .row.user-buttons {
  margin: 20px 0 10px 0;
  display: flex;
}

.profile-box.prim .row.user-buttons .btn-secondary {
  margin-left: auto;
}

.profile-box.alt .input-box {
  max-width: 320px;
}

.profile-box a.toggle-pass {
  top: calc(50% - 15px);
  right: 3px;
  font-size: 14px;
}

.body-ua .profile-img .img-container {
  position: initial;
  left: auto;
  top: auto;
  width: initial;
  height: initial;
  border-radius: 0;
  overflow: visible;
  box-shadow: none !important;
}

.body-ua .profile-img .img-container img {
  width: initial;
  height: initial;
  max-width: 100%;
  max-height: initial;
  object-fit: unset;
}

.body-ua .profile-img .img-preview {
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  max-width: 120px;
  max-height: 120px;
}


/* 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;
  transition: 0.2s;
  min-width: 36px;
  text-align: center;
  height: 36px;
  border-radius: 4px;
  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: 16px 0 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  clear: both;
}

.paginate-alt .btn {
  margin: 4px 6px;
  padding: 11px 16px;
  border-radius: 4px;
  min-width: 150px;
  height: auto;
  font-size: 16px;
}



/* 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;
}

/* SCROLL TO TOP */
#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 25%;
  right: 15px;
  z-index: 98;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  background: #fff;
  padding: 8px 0;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.2s;
}

#scroll-to-top svg {
  width: auto;
  height: 20px;
  fill: var(--mb-color-primary);
  display: inline-block;
  margin-top: 1px;
  transition: 0.2s;
}

#scroll-to-top:hover {
  height: 42px;
}


/* BANNERS */
.container.banner-box {
  text-align: center;
}

.container.banner-box>.inside {
  margin: 0 auto;
  max-width: 100%;
}

.banner-theme {
  display: block;
  margin: 16px 0;
  float: left;
  text-align: center;
  width: 100%;
  border: none;
}

.lab+.banner-theme {
  margin-top: 0;
  height: 100%;
}

.lab+.banner-theme .myad {
  height: 100%;
}

.banner-theme.is-demo {
  display: none;
}

.banner-theme .myad {
  display: inline-block;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.banner-theme#banner-theme .myad {
  text-align: center;
  display: flex;
}

.banner-theme#banner-theme .myad .text {
  margin: auto;
  text-align: center;
  line-height: 18px;
  font-size: 16px;
}

.banner-theme#banner-theme .myad .text .demo-text {
  margin: auto;
  text-align: center;
}

.banner-theme#banner-theme.opt-adsense .myad .text {
  margin: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px 10px;
}

.banner-theme#banner-theme.is-demo:not(.is-visible) {
  display: none;
}

.banner-theme#banner-theme.is-demo .myad {
  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 .text span {
  display: block;
}

.banner-theme#banner-theme.is-demo .myad .text strong {
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin: 3px 0 0 0;
  color: var(--mb-color6);
  font-weight: normal;
}

.banner-home_top,
.banner-home_bottom,
.banner-home_middle {
  margin: 0 0 24px 0;
}

.banner-home_top.opt-adsense,
.banner-home_bottom.opt-adsense,
.banner-home_middle.opt-adsense {
  width: 980px;
  max-width: 100%;
}

.banner-search_top,
.banner-item_top,
.banner-search_middle {
  margin: 0 0 16px 0;
}

.banner-item_sidebar {
  margin: 0 -20px 16px -20px;
  width: 320px;
  max-width: calc(100% + 40px);
}

.banner-public_profile_sidebar,
.banner-public_profile_bottom {
  margin: 16px 0 0 0;
}

.banner-search_middle {
  margin: 16px 0 16px 0;
}

.banner-search_bottom {
  margin: 16px 0 0 0;
}

.banner-item_bottom {
  margin: 16px 0 8px 0;
}

.banner-item_description {
  margin: 8px 0 16px 0;
}

.banner-item_sidebar_bottom {
  margin: 10px 0 0 0;
  padding: 0 20px;
}

.banner-public_profile_top {
  margin: 0 0 16px 0;
}

.banner-user_account_top {
  margin: 0 0 24px 0;
}

.banner-user_account_bottom {
  margin: 0 0 16px 0;
}

.banner-static_page_top {
  margin: 0 0 24px 0;
}

.banner-static_page_bottom {
  margin: 0 0 24px 0;
}

.banner-search_top .myad,
.banner-search_middle .myad,
.banner-search_bottom .myad,
.banner-item_description .myad,
.banner-public_profile_middle .myad,
.banner-public_profile_bottom .myad,
.banner-public_profile_top .myad,
.banner-user_account_top .myad,
.banner-user_account_bottom .myad {
  width: 728px;
  height: 90px;
}

.banner-home_top .myad,
.banner-home_bottom .myad,
.banner-item_top .myad,
.banner-item_bottom .myad,
.banner-home_middle .myad,
.banner-static_page_top .myad,
.banner-static_page_bottom .myad {
  width: 970px;
  height: 90px;
}

.banner-public_profile_sidebar .myad {
  width: 300px;
  height: 250px;
}

.banner-item_sidebar .myad {
  width: 320px;
  height: 50px;
}

.banner-item_sidebar_bottom .myad {
  width: 300px;
  height: 600px;
  margin: 0;
}

.banner-body_left .myad,
.banner-body_right .myad {
  width: 160px;
  height: 600px;
  background: #fff;
}

.banner-search_sidebar .myad {
  width: 200px;
  height: 200px;
}

.banner-theme#banner-theme.opt-adsense .myad {
  width: 100%;
  height: auto;
}

.banner-search_side .myad {
  width: 160px;
  height: 600px;
}

#body-banner {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: calc((100% - 1120px)/2);
  overflow: hidden;
  z-index: 9;
}

#body-banner.bright {
  left: auto;
  right: 0;
}


/* ITEM GRID & LIST */
.products {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  flex-direction: row;
  margin: 0 -8px;
  width: calc(100% + 16px);
  padding: 2px 0;
}

.products.nice-scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
}

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

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

.simple-prod {
  flex: 0 0 auto;
  width: calc(25% - 4px);
  margin: 0 2px 8px 2px;
  border-radius: 2px;
  transition: 0.2s;
}

.simple-prod.mini {
  width: calc(12.5% - 4px);
}

.simple-prod.small {
  width: calc(16.66% - 4px);
}

.simple-prod.medium {
  width: calc(20% - 4px);
}

.simple-prod.large {
  width: calc(25% - 4px);
}

.simple-prod.extralarge {
  width: calc(33.33% - 4px);
}

.simple-prod.megalarge {
  width: calc(50% - 4px);
}

.simple-prod .simple-wrap {
  background: transparent;
  border-radius: 3px;
  padding: 8px 8px 8px 8px;
  transition: 0.2s;
  position: relative;
  height: 100%;
}

.simple-prod.st-sold .simple-wrap {
  position: relative;
  overflow: hidden;
  user-select: none;
}

.simple-prod.st-sold .simple-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(245, 245, 245, 0.5);
  backdrop-filter: blur(0px);
  border-radius: 6px;
}

.simple-prod.st-sold .simple-wrap:before {
  content: attr(title);
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 3;
  background: var(--mb-color-primary);
  font-size: 14px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  color: #fff;
  padding: 4px 10px;
  text-align: center;
  border-radius: 3px;
}

.simple-prod:hover .simple-wrap {
  background: transparent;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.simple-prod .img-wrap {
  position: relative;
  width: 100%;
  padding-top: 80%;
}

.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%;
}

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

.simple-prod .top-wrap {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 1px 0 1px 44px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.simple-prod .top-wrap .user-image {
  z-index: 1;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}

.simple-prod .top-wrap .user-image img.usr {
  width: 32px;
  height: 32px;
  border-radius: 100px;
  object-fit: fill;
  background: #e0e0e0;
  position: absolute;
  left: 0;
  top: 0;
}

.simple-prod .top-wrap .user-image .business {
  position: absolute;
  right: -3px;
  bottom: -3px;
  height: 14px;
  min-width: 14px;
  text-align: center;
  background: var(--mb-color-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  max-width: 100%;
  width: auto;
  padding: 0 2px;
  line-height: 14px;
  border-radius: 4px;
}

.simple-prod .top-wrap .user-image .online {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 11px;
  height: 11px;
  border-radius: 100px;
  background: #0ed000;
  box-shadow: 0 0 0 1px #fff;
}

.simple-prod .top-wrap .cn {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  height: 17px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.simple-prod .top-wrap .dt {
  font-size: 13px;
  line-height: 14px;
  color: #777;
}

.simple-prod .top-wrap .dt i {
  margin-right: 1px;
}

.simple-prod .img-wrap>a img {
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.simple-prod .img-wrap.no-image>a img {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.simple-prod .favorite,
#item-main .favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
}

.simple-prod .favorite a {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: -6px;
}

.simple-prod .favorite span,
#item-main .favorite span {
  display: none;
}

.simple-prod .favorite i,
#item-main .favorite i {
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #888;
  text-align: center;
  padding: 6px 6px;
  width: 32px;
  height: 32px;
  transition: 0.2s;
  border-radius: 6px;
  background: transparent;
}

.simple-prod .favorite i:hover,
#item-main .favorite i:hover {
  color: #333;
}

.simple-prod .favorite em {
  font-style: normal;
  color: #666;
  font-size: 13px;
  line-height: 16px;
  margin-left: -5px;
}

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

.simple-prod .favorite a.is_favorite i,
#item-main .favorite a.is_favorite i {
  color: #ffb100;
  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 .marks {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 2;
  max-width: calc(100% - 6px);
}

.simple-prod .marks>span {
  padding: 3px 5px;
  border-radius: 3px;
  background: #00b145;
  color: #fff;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 2px;
  font-weight: normal;
}

.simple-prod .marks>.sold {
  background: #d21616;
}

.simple-prod .marks>.resr {
  background: #2553e0;
}

.simple-prod .marks>.oday {
  background: #932492;
}

.simple-prod .day-offer-mark {
  position: absolute;
  left: 6px;
  max-width: calc(100% - 12px);
  bottom: 34px;
  text-align: center;
  z-index: 3;
  letter-spacing: -0.2px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  line-height: 16px;
  padding: 7px 8px;
  border-radius: 4px;
  background: var(--mb-color-primary);
  color: #f9f9f9;
}

.simple-prod .data {
  padding: 8px 0 0 0;
}

.simple-prod .title {
  display: inline-block;
  clear: both;
  font-size: 14px;
  color: var(--mb-color2, #2c2c2c);
  line-height: 18px;
  max-width: 100%;
  font-weight: normal;
  margin: 0 0 4px 0;
  min-height: 19px;
  max-height: 37px;
  overflow: hidden;
  font-weight: 600;
}

.simple-prod .title2 {
  display: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--mb-color3);
  line-height: 18px;
  margin: 0 0 4px 0;
  max-width: 100%;
  min-height: 19px;
  max-height: 37px;
  overflow: hidden;
}

.simple-prod .price {
  display: block;
  clear: both;
  font-size: 18px;
  color: #ff0000;
  line-height: 22px;
  max-width: 100%;
  font-weight: 600;
  margin: 0 0 4px 0;
}

.simple-prod .location {
  display: block;
  clear: both;
  font-size: 13px;
  color: var(--mb-color7);
  line-height: 16px;
  max-width: 100%;
  font-weight: normal;
  margin: 0 0 4px 0;
}

.simple-prod .favorite-block1 {
  position: absolute;
  height: 32px;
  bottom: 8px;
}

.simple-prod .favorite-block1:empty {
  display: none;
}

.simple-prod .favorite-block1>.favorite {
  position: relative;
  top: auto;
  right: auto;
}

.simple-prod .favorite-block1>.svi-save-btn {
  margin: 0;
}

.simple-prod .favorite-block1>.svi-save-btn .svi-btn-box {
  padding: 6px 1px;
  width: auto;
}

.simple-prod .extra {
  display: none;
  font-size: 13px;
  color: var(--mb-color7);
  width: 100%;
  line-height: 16px;
  margin: 0;
  max-height: 33px;
  min-height: 17px;
  overflow: hidden;
  margin: 0 0 4px 0;
}

.simple-prod .extra>span:after {
  content: "\2022";
  margin: 0 2px 0 6px;
}

.simple-prod .extra>span:last-child:after {
  display: none;
}

.simple-prod .label {
  font-size: 12px;
  font-weight: 600;
  margin: 0 6px 0 0;
  display: inline-block;
  line-height: 1.2;
  padding: 4px 7px;
  border-radius: 5px;
  background: var(--mb-color2, #2c2c2c);
  color: #fff;
}

.simple-prod .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
}

.simple-prod .right .price {
  position: relative;
  font-size: 17px;
  font-weight: bold;
  color: var(--mb-color2, #2c2c2c);
  margin-top: 1px;
  line-height: 18px;
  white-space: nowrap;
}

.simple-prod .right .favorite {
  position: relative;
  right: auto;
  top: auto;
}

.simple-prod .description {
  display: none;
  font-size: 13px;
  line-height: 18px;
  max-height: 37px;
  overflow: hidden;
  color: #666;
  margin: 2px 0 8px 0;
}

body .osp-item-is-highlight,
body .osp-item-is-highlight .simple-wrap {
  background: inherit !important;
}

/* GRID CARD DESIGNS */
.products.grid .simple-prod.osp-item-is-highlight .simple-wrap {
  background: var(--mb-color-secondary-lighter) !important;
  box-shadow: 0 0 0 2px var(--mb-color-secondary);
  border-radius: 4px;
}

.products.grid.with-border {
  margin: 0 -1px 0 0 !important;
  width: 100% !important;
}

.products.grid.with-border .simple-prod {
  margin: 0 -1px -1px 0;
  width: 25%;
  border: 1px solid #eee;
  border-radius: 0;
}

.products.grid.with-border .simple-prod:first-child {
  border-radius: 4px 0 0 4px;
}

.products.grid.with-border .simple-prod:last-child {
  border-radius: 0 4px 4px 0;
}

.products.grid.with-desc .simple-prod .description {
  display: block;
}

.products.grid.favorite-top:not(.style3) .simple-prod .top-wrap {
  padding-right: 40px;
}

.products.grid.favorite-top.style1 .simple-prod .favorite-block1 em,
.products.grid.favorite-top.style2 .simple-prod .favorite-block1 em {
  display: none;
}

.products.grid.style1 .simple-prod .simple-wrap {
  padding-bottom: 6px;
}

.products.grid.style1 .simple-prod .title {
  font-size: 15px;
  margin-bottom: 2px;
}

.products.grid.style1 .simple-prod .favorite-block1 {
  top: 12px;
  right: 12px;
  left: auto;
  bottom: auto;
}

.products.grid.style1 .simple-prod .favorite-block1 em {
  position: absolute;
  margin: 0;
  background: #0c0c0c;
  bottom: -2px;
  right: -2px;
  color: #fff;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0 2px;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
}

.products.grid.style1 .simple-prod .favorite-block1 a {
  margin: 0;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.6);
}

.products.grid.style1 .simple-prod .favorite-block1 a:not(.is_favorite) i {
  color: #fff;
}

.products.grid.style1 .simple-prod .top-wrap,
.products.grid.style1 .simple-prod .location {
  display: none;
}

.products.grid.style2 .simple-prod .simple-wrap {
  padding-bottom: 4px;
}

.products.grid.style2 .simple-prod .title2 {
  display: inline-block;
}

.products.grid.style2 .simple-prod .price {
  font-weight: bold;
  font-size: 19px;
  color: var(--mb-color0);
}

.products.grid.style2 .simple-prod .favorite-block1 {
  top: 12px;
  right: 12px;
  left: auto;
  bottom: auto;
}

.products.grid.style2 .simple-prod .favorite-block1 em {
  position: absolute;
  margin: 0;
  background: var(--mb-color0);
  bottom: -2px;
  right: -2px;
  color: #fff;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0 2px;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
  font-size: 9px;
}

.products.grid.style2 .simple-prod .favorite-block1 a {
  margin: 0;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.6);
}

.products.grid.style2 .simple-prod .favorite-block1 a:not(.is_favorite) i {
  color: #fff;
}

.products.grid.style2 .simple-prod .top-wrap,
.products.grid.style2 .simple-prod .title {
  display: none;
}

.products.grid.style3 .simple-prod .simple-wrap {
  padding-bottom: 48px;
}

.products.grid.style3 .simple-prod .title2 {
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 19px;
}

.products.grid.style3 .simple-prod .top-wrap {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: auto;
  right: 8px;
  margin: 0;
  padding-right: 28px;
}

.products.grid.style3 .simple-prod .top-wrap .dt {
  font-size: 12px;
  color: #999;
}

.products.grid.style3 .simple-prod .price {
  font-weight: 600;
  color: #ff0000;
}

.products.grid.style3 .simple-prod .extra {
  display: block;
}

.products.grid.style3 .simple-prod .favorite-block1 {
  position: absolute;
  right: 8px;
  bottom: 10px;
  top: auto;
}

.products.grid.style3 .simple-prod .title,
.products.grid.style3 .simple-prod .location {
  display: none;
}

.products.grid.style4 .simple-prod .simple-wrap {
  padding-bottom: 10px;
}

.products.grid.style4 .simple-prod .title2 {
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 19px;
}

.products.grid.style4 .simple-prod .price {
  font-weight: 600;
  color: #ff0000;
}

.products.grid.style4 .simple-prod .extra {
  display: block;
}

.products.grid.style4 .simple-prod .title,
.products.grid.style4 .simple-prod .location,
.products.grid.style4 .simple-prod .top-wrap,
.products.grid.style4 .simple-prod .favorite-block1 {
  display: none;
}


/* LIST VIEW DESIGN */
.products.list {
  width: 100%;
  margin: 0;
}

.products.list .simple-prod {
  width: 100%;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}

.products.list .simple-prod:hover .simple-wrap {
  box-shadow: none;
}

.products.list .simple-prod .simple-wrap {
  display: flex;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.products.list .simple-prod.osp-item-is-highlight .simple-wrap {
  background: var(--mb-color-secondary-light) !important;
  box-shadow: 0 0 0 10px var(--mb-color-secondary-light);
  border-radius: 2px;
}

.products.list .simple-prod .img-wrap {
  width: 200px;
  height: 160px;
  margin: 0 16px 0 0;
  padding: 0;
}

.products.list .simple-prod .img-wrap>a img {
  border-radius: 6px;
}

.products.list .simple-prod .data {
  padding: 5px 0;
  width: calc(100% - 216px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.products.list .simple-prod .info {
  font-size: 13px;
  line-height: 16px;
  color: var(--mb-color7);
  display: flex;
  margin: 0 0 4px 0;
  width: 100%;
}

.products.list .simple-prod .info a {
  color: #000;
}

.products.list .simple-prod .info a.cit:after,
.products.list .simple-prod .info a.reg:after {
  content: none;
}

.products.list .simple-prod .info a:has(+ .dat):after {
  display: none;
}

.products.list .simple-prod .info .business {
  color: #fff;
  margin: 0 10px 4px 0;
  background: var(--mb-color-primary);
  font-weight: 600;
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 13px;
  line-height: 14px;
}

.products.list .simple-prod .info .dat {
  font-size: 12px;
  margin-left: auto;
}

.products.list .simple-prod .title {
  font-size: 18px;
  line-height: 19px;
  min-height: 20px;
  max-height: 39px;
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  max-width: calc(100% - 40px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  hyphens: auto;
}

.products.list .simple-prod .price.standalone {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #ff0000;
  margin: auto 0 6px 0;
  line-height: 22px;
}

.products.list .simple-prod .day-offer-mark {
  padding: 4px;
  font-size: 13px;
  line-height: 13px;
  font-style: normal;
  top: 3px;
  left: 3px;
  bottom: auto;
  max-width: calc(100% - 6px);
}

.products.list .simple-prod .favorite-block1 {
  top: 26px;
  right: 0px;
  left: auto;
}

.products.list .simple-prod .favorite i {
  font-size: 20px;
}

.products.list .simple-prod .favorite em {
  margin-left: -4px;
  margin-top: 4px;
}

.products.list .simple-prod .extra {
  display: flex;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: auto;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.products.list .simple-prod .extra>span.e0:after,
.products.list .simple-prod .extra>span.e1:after {
  content: none;
}

.products.list .simple-prod .extra>span:after {
  margin: 0 8px 0 8px;
}

.products.list .simple-prod .description {
  font-size: 13px;
  line-height: 15px;
  height: 31px;
  width: 100%;
  overflow: hidden;
  color: var(--mb-color5);
  padding-right: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.products.list .simple-prod .top-wrap {
  position: absolute;
  right: 0;
  bottom: 6px;
  width: auto;
  margin: 0;
  height: 28px;
  padding: 0 0 0 34px;
  justify-content: center;
}

.products.list .simple-prod .top-wrap .user-image,
.products.list .simple-prod .top-wrap .user-image img.usr {
  width: 28px;
  height: 28px;
}

.products.list .simple-prod .top-wrap .user-image .online {
  top: 1px;
  right: 1px;
  width: 8px;
  height: 8px;
}

.bpr-body .simple-prod .top-wrap {
  display: none;
}

.bpr-body span.company {
  display: none;
}

span.company {
  text-transform: uppercase;
  font-weight: 400;
  color: #3c4858;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flow;
  max-width: calc(100% - 0px);
}

span.business {
  color: #fff;
  margin: 0 4px 4px 0;
  background: #3c4858;
  font-weight: 600;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
}

body#home .simple-prod .img-wrap .favorite {
  display: none;
}

body#home .simple-prod:hover .img-wrap .favorite {
  display: block;
}

body#home .home-link-all-wrap {
  display: flex;
  width: 100%;
  float: left;
  clear: both;
  margin: 22px 0 5px 0;
  align-items: center;
  justify-content: center;
}

body#home a.home-link-all {
  transition: 0.2s;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
}

body#home a.home-link-all:hover {
  background: #f4f4f4;
  text-decoration: none;
}

body#home>.content>section>.container {
  flex-direction: column;
  align-items: center;
}


/* HOME PAGE - LATEST ITEMS */
body#home>.content>section.home-latest {
  background: #fff;
}

.products#latest-items .simple-prod {
  width: calc(20% - 4px);
}


/* HOME PAGE - PREMIUM ITEMS */
body#home>.content>section.home-premium {
  padding: 40px 0 30px 0;
  margin: 0 0 8px 0;
  background-color: #f0f0f0;
}

.products#premium-items .simple-prod .img-wrap {
  height: 240px;
  padding: 0;
}

.products#premium-items .simple-prod .marks .prem {
  display: none;
}


/* HOME PAGE - LOCATION ITEMS */
body#home>.content>section.home-location {
  padding: 30px 0 10px 0;
  background: rgb(231, 228, 237);
  background: linear-gradient(135deg, rgba(231, 228, 237, 0.6) 15%, rgba(225, 245, 239, 0.6) 85%);
  margin: 0px 8px 10px 8px;
  width: calc(100% - 16px);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body#home section.home-location h2 {
  margin-bottom: 2px;
}

.products#location-items {
  flex-wrap: nowrap;
  overflow-x: hidden;
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding: 10px 3px;
}

.products#location-items .simple-prod {
  width: 200px;
  margin: 0 1px 6px 1px;
}

.products#location-items .simple-prod .title {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.empty-alt {
  display: block;
  font-size: 15px;
  color: var(--mb-color7);
  margin: 10px 0 20px 0;
}


/* HOME PAGE - FAVORITE ITEMS */
body#home>.content>section.home-favorite {
  background: #f8f8f8;
  border-top: 1px solid #eee;
}


/* HOME PAGE */
body#home>.content {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

body#home>.content>section:not(.u-hero-wrap) {
  padding: 15px 0;
  background: #fff;
  order: 10;
}

body#home>.content>.banner-box {
  order: 10;
}

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

body#home #flashbox .flashmessage:last-child {
  margin-bottom: 15px;
}

body#home h2 {
  font-size: 20px;
  color: var(--mb-color1);
  line-height: 1.2;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
}

body#home h2.spec {
  font-size: 28px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

body#home h2.spec>span {
  color: var(--mb-color7);
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 6px 0 0 0;
}

body#home h2 .btn {
  background: transparent;
  display: flex;
  align-items: center;
  box-shadow: none;
  color: var(--mb-color-primary);
  border-color: rgba(0, 0, 0, 0.1);
}

body#home h2 .btn:hover {
  color: var(--mb-color-primary);
  box-shadow: 0 0 0 1px var(--mb-color-primary);
}

body#home h2 .btn svg {
  margin-right: 5px;
  fill: var(--mb-color-primary);
}

body#home h2 .nobtn {
  font-size: 13px;
  font-weight: 600;
  color: var(--mb-color-secondary);
  text-decoration: none;
  display: flex;
  align-items: center;
}

body#home h2 .nobtn i {
  margin-right: 2px;
  float: left;
}

body#home h2 .nobtn:hover {
  text-decoration: underline;
  color: var(--mb-color-secondary-hover);
}


body#home>.content>section.home-cat {
  padding: 40px 0 50px 0;
  position: relative;
}

body#home>.content>section.home-cat .nice-scroll-prev,
body#home>.content>section.home-cat .nice-scroll-next {
  margin-top: -26px;
  top: 50%;
}

.home-cat .nice-scroll-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 30px;
  padding-top: 70px;
}

body#home .home-cat h2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-cat h2>strong {
  color: var(--mb-color2, #2c2c2c);
  font-size: 28px;
}

.home-cat h2>span {
  color: var(--mb-color7);
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 6px 0 10px 0;
}

#home-cat {
  width: auto;
  max-width: 100%;
  overflow-x: auto;
  display: grid;
  grid-auto-flow: column dense;
  grid-gap: 12px;
  grid-template-rows: repeat(var(--mb-home-cat-rows, 2), 125px);
  grid-auto-columns: 175px;
  justify-items: center;
  padding: 10px 0;
}

#home-cat a.cat-card {
  margin: 0;
  padding: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

#home-cat a.cat-card.has-photo {
  background: #2c2c2c;
}

#home-cat a.cat-card.no-photo {
  background: #f9f9f9;
  border-bottom: 3px solid transparent;
  padding: 10px 8px 8px 8px;
}

#home-cat a.cat-card.no-photo:hover {
  background: #f0f0f0;
  border-bottom-color: var(--mb-color-secondary);
}

#home-cat a.cat-card .cat-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: 0.5s ease;
  z-index: 1;
}

#home-cat a.cat-card .cat-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(57 57 57 / 10%) 0%, rgb(55 55 55 / 70%) 100%);
  z-index: 2;
  transition: 0.3s ease;
}

#home-cat a.cat-card .cat-info {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px;
  text-align: center;
}

#home-cat a.cat-card.no-photo .cat-info {
  justify-content: center;
  padding: 0;
}

#home-cat a.cat-card:hover .cat-bg {
  transform: scale(1.1);
}

#home-cat a.cat-card:hover .cat-overlay {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}

#home-cat a.cat-card .cat-icon-wrap {
  width: 54px;
  height: 44px;
  margin: 0 auto 8px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#home-cat a.cat-card .cat-icon-wrap i {
  font-size: 26px;
  transition: 0.2s;
}

#home-cat a.cat-card .cat-icon-wrap img {
  max-width: 100%;
  height: auto;
  max-height: 44px;
  object-fit: contain;
}

#home-cat a.cat-card h3 {
  margin: 0;
  padding: 0;
}

#home-cat a.cat-card h3 span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
  display: block;
}

#home-cat a.cat-card.no-photo h3 span {
  color: #333;
  text-shadow: none;
}

#home-cat a.cat-card .lab {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 800;
  text-transform: uppercase;
}


/* HOME PAGE BLOG */
section.home-blog h2 {
  margin-bottom: 20px;
}

.blog-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: calc(100% + 16px);
  margin: 6px -8px;
  grid-gap: 8px;
}

.blog-box>a {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  padding: 8px;
  overflow: hidden;
}

.blog-box>a:hover {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  background: #f8f8f8;
}

.blog-box>a>img {
  object-fit: cover;
  width: 120px;
  height: 112px;
  margin-right: 12px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.blog-box>a>.data {
  padding: 4px 0 6px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc(100% - 102px);
}

.blog-box>a h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--mb-color2, #2c2c2c);
  margin-bottom: 4px;
  line-height: 19px;
  max-height: 39px;
  overflow: hidden;
}

.blog-box>a .desc {
  font-size: 14px;
  color: #555;
  line-height: 18px;
  height: 37px;
  overflow: hidden;
  margin: 0 0 4px 0;
}

.blog-box>a .read {
  color: var(--mb-color-primary);
  transition: 0.2s;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  opacity: 0;
  margin: auto -9px 0 -9px;
}

.blog-box>a:hover .read {
  opacity: 1;
  margin-left: 1px;
  margin-right: 1px;
}


/* HOME PAGE COMPANIES */
body#home>.content>section.home-business {
  padding-top: 10px;
}

.business-box {
  display: inline-block;
  width: 100%;
  margin: 5px 0 0 0;
}

body #bpr-seller.bpr-block .bpr-inside-all,
#bpr-seller .bpr-inside-all {
  margin: 0 -8px;
  width: calc(100% + 16px);
  position: relative;
}

body #bpr-seller.bpr-block>.bpr-title {
  display: none;
}

body #bpr-seller.bpr-block .bpr-comp,
#bpr-seller .bpr-comp {
  border-radius: 6px;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  width: calc(20% - 16px) !important;
  min-width: initial;
  max-width: initial;
  margin: 0 8px 16px 8px;
}

body #bpr-seller.bpr-block .bpr-comp:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 0 0 2px var(--mb-color-primary);
}

body .bpr-comp .bpr-icon-wrap .bpr-icon>div {
  border: none;
  background-color: transparent;
  padding-top: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body #bpr-seller.bpr-block .bpr-title {
  font-size: 16px;
  line-height: 1.2;
  margin-top: 6px;
  margin-bottom: 12px;
  color: var(--mb-color2, #2c2c2c);
}

body .bpr-comp .bpr-icon-wrap .bpr-icon {
  margin: -40% 0 0 -25%;
  width: 50%;
}

body .bpr-comp .bpr-cover .bpr-wrap {
  border-radius: 6px 6px 0 0;
}

body #bpr-seller.bpr-block {
  margin: 0;
  max-width: 100%;
}

body .bpr-comp .bpr-icon-wrap {
  z-index: 2;
}

body .bpr-profile .bpr-links a,
body .bpr-filters .bpr-show-all {
  color: var(--mb-color-secondary);
  font-weight: 600;
}

body .bpr-profile .bpr-links a:hover,
body .bpr-filters .bpr-show-all:hover {
  color: var(--mb-color-secondary-hover);
}

body .bpr-filters>strong {
  display: none;
  color: var(--mb-color-primary);
  border-color: var(--mb-color-primary);
}

body.plugin-business_profile .favorite-block1 {
  display: none !important;
}

/* LOCATION, CATEGORY & PATTERN PICKER */
.picker {
  z-index: 3;
}

.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: 5px;
  margin-top: 4px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.35);
}

.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;
}

#main-search .picker.v2.loading:after {
  background-color: #fff;
}

.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: 16px;
  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);
}

.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;
}

.option.standalone {
  margin: 0;
}

.option.standalone:hover {
  text-decoration: none;
}

.option.standalone svg {
  color: rgba(0, 0, 0, 0.5);
  width: 18px;
  height: 18px;
  position: absolute;
  left: 17px;
  top: calc(50% - 9px);
  text-align: center;
  fill: var(--mb-color2, #2c2c2c);
}

.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: inline-block;
  font-size: 14px;
  color: #555;
  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;
}

.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: 600;
  color: var(--mb-color-primary);
  margin: -5px 0 10px 0;
  font-size: 13px;
  border-radius: 5px 5px 0 0;
  z-index: 2;
}

.picker.v2 .results a:after {
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  height: 16px;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 16px;
  top: calc(50% - 9px);
  font-weight: 900;
}

.picker.v2 .patterns a:after,
.picker.v2 .default .recent.locations a:after {
  margin-left: 1px;
  content: "\f1da";
}

.picker.v2 .searches a:after {
  margin-left: 2px;
  content: "\f002";
  font-size: 14px;
}

.picker.v2 .categories a:after {
  margin-left: 1px;
  content: "\f86d";
  font-size: 14px;
}

.picker.v2 .locations a:after {
  margin-left: 2px;
  content: "\f3c5";
}

.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 .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(35% - 10px);
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #999;
  fill: #999;
}

#search .picker .icon, 
#search .has-icon .icon, 
#search .input-box .icon-curr,
#item .picker .icon, 
#item .has-icon .icon, 
#item .input-box .icon-curr {
    top: calc(35% - 5px) !important;
}

.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;
}


/* MOBILE SIDE MENU */
#menu-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}

#menu-cover .close {
  display: none;
  position: absolute;
  right: 10px;
  top: 6px;
  width: 36px;
  padding: 1px;
  height: 36px;
  color: #f9f9f9;
  border-radius: 6px;
}

#side-menu {
  display: none;
  font-size: 16px;
  overflow: hidden;
  color: var(--mb-color2, #2c2c2c);
  line-height: 20px;
  max-height: 85vh;
  position: fixed;
  left: 0;
  top: auto;
  bottom: 0;
  max-width: calc(100% - 54px);
  z-index: 99;
  background: #fff;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

#side-menu .close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  color: var(--mb-color5);
  z-index: 12;
}

#side-menu.box-open {
  overflow-y: hidden;
}

#side-menu>.wrap {
  height: auto;
  overflow-y: auto;
  max-width: 100%;
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  max-height: calc(85vh - 56px);
  overflow-y: auto;
  align-items: stretch;
}

#side-menu>.wrap.wmain {
  padding-bottom: 8px;
}

#side-menu .section,
#def-location .section {
  padding: 8px 0;
}

#side-menu .section.delim-top {
  border-top: 1px solid #ddd;
}

#side-menu .section:not(:has(*)) {
  display: none;
}

#side-menu .section a,
#def-location a {
  width: 100%;
  display: block;
  padding: 10px 16px 10px 16px;
  line-height: 20px;
  margin: 3px 0;
  color: var(--mb-color2, #2c2c2c);
  font-size: 15px;
  font-weight: normal;
  position: relative;
}

#side-menu .section a svg:not(.indicator),
#def-location a.svg,
#side-menu .menu-hooks a>i {
  display: none !important;
}

#side-menu .menu-hooks a:before {
  display: none !important;
}

#side-menu .section a.register svg,
#side-menu .section a.profile svg {
  margin-left: 3px;
}

#side-menu .section a.login svg {
  margin-left: -1px;
}

#side-menu .section a .indicator {
  margin: 0;
  position: absolute;
  right: 16px;
  left: auto;
  top: calc(50% - 8px);
  fill: #777;
  width: 8px;
  height: 16px;
  display: block !important;
}

#side-menu .section a .counter {
  margin: 0;
  position: absolute;
  right: 16px;
  left: auto;
  top: calc(50% - 12px);
  font-weight: 500;
  font-size: 13px;
  border-radius: 100px;
  color: #fff;
  background: var(--mb-color-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  line-height: 24px;
  padding: 0 3px;
  text-align: center;
  min-width: 24px;
  height: 24px;
}

#side-menu .box {
  display: none;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  min-height: 100%;
  overflow-y: auto !important;
  background: #fff;
  z-index: 4;
  max-width: 100%;
}

#side-menu .box .nav {
  height: 56px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#side-menu .box .nav i {
  line-height: 22px;
}

#side-menu .box .nav .back {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
  text-align: center;
  border-radius: 5px;
}

#side-menu .box .nav .back svg,
#side-menu .box .nav .back i {
  height: 28px;
  width: auto;
  text-align: center;
  fill: var(--mb-color5);
  padding: 4px;
}

#side-menu .box .nav>span {
  font-weight: bold;
}

#side-menu .box .section {
  padding: 8px 0;
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

#side-menu .box .section a,
#def-location .section a {
  padding: 12px 16px;
  line-height: 20px;
  margin: 4px 0;
}

#side-menu a.lang img {
  display: none;
  width: 30px;
  height: 20px;
  float: left;
  margin: 0px 12px 0px 0;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgb(0, 0, 0, 0.15);
  object-fit: cover;
}

#def-location .section.lead {
  padding: 26px 10px 26px 110px;
}

#side-menu .section.lead {
  padding: 10px 16px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

#side-menu .section.lead>a {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: calc(100% - 48px);
}

#side-menu .section.lead>a:hover {
  text-decoration: none;
}

#side-menu .section.lead>a img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 12px 0 0;
  border-radius: 100px;
}

#side-menu .section.lead>a strong {
  font-size: 18px;
  line-height: 20px;
  max-width: calc(100% - 48px);
}

#def-location a.img-container {
  transition: 0.2s;
  position: absolute;
  left: 16px;
  top: 16px;
  width: 82px;
  height: 82px;
  padding: 0;
  border-radius: 100px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#def-location a.img-container:hover {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.15);
}

#def-location a.img-container img {
  width: 82px;
  height: 82px;
  max-width: 82px;
  max-height: 82px;
  object-fit: cover;
}

#def-location a.img-container svg {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background: rgba(0, 0, 0, 0.7);
  fill: #fff;
  padding: 4px 0 6px 0;
}

#side-menu .section.lead .line1,
#side-menu .section.lead .line2,
#side-menu .section.lead .line3 {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}

#def-location .section.lead .line1,
#def-location .section.lead .line2,
#def-location .section.lead .line3 {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}

#def-location .line1 {
  font-size: 14px;
  font-weight: normal;
  color: #777;
}

#def-location .line1 img {
  float: right;
  height: 30px;
  width: auto;
  margin: -5px 0 -20px 0;
}

#def-location .line2 {
  font-size: 20px;
  color: var(--mb-color2, #2c2c2c);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 3px 0;
}

#def-location .line3 {
  color: var(--mb-color2, #2c2c2c);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 500;
}

#side-menu .box.location .row,
#def-location .row {
  padding: 10px 16px;
  border-bottom: 1px solid #ccc;
}

#side-menu .box.location .row.current {
  padding: 10px 16px 20px 16px;
}

#zetModal #def-location>.wrap {
  padding: 20px 0 0 0;
}

#def-location .row.current {
  padding: 20px 16px 20px 16px;
}

#side-menu .box.location .row:last-child,
#def-location .row:last-child {
  border-bottom: none;
}

#side-menu .box.location .row.picker,
#def-location .row.picker {
  padding: 16px 16px 0 16px;
  border: none;
  position: relative;
  z-index: 5;
}

#side-menu .box.location .row.recent,
#side-menu .box.location .row.popular {
  padding-left: 3px;
  padding-right: 3px;
}

#def-location .row.picker {
  position: relative;
  z-index: 2;
}

#side-menu .box.location .lead,
#def-location .lead,
.results .lead {
  color: #666;
  font-weight: 500;
  padding: 6px 16px 4px 16px;
  font-size: 13px;
  line-height: 16px;
}

#side-menu .navigator a.locate-me,
#def-location .navigator a.locate-me,
.navigator a.locate-me {
  display: block;
  transition: 0.2s;
  width: 100%;
  color: var(--mb-color1);
  padding-left: 58px;
  position: relative;
  margin-bottom: 10px;
  background: var(--mb-color-secondary-light);
  border-radius: 6px;
}

#side-menu .navigator a.locate-me:hover,
#def-location .navigator a.locate-me:hover,
.navigator a.locate-me:hover {
  background: var(--mb-color-secondary-lighter);
  text-decoration: none;
}

#side-menu .navigator a.locate-me svg,
#def-location .navigator a.locate-me svg,
.navigator a.locate-me svg {
  position: absolute;
  top: calc(50% - 13px);
  width: 26px;
  height: 26px;
  left: 16px;
  fill: var(--mb-color7);
  background: transparent;
}

#user-loc .navigator {
  margin-bottom: 10px;
}

#user-loc .navigator a.locate-me {
  background: var(--mb-color-secondary-lighter);
  border-radius: 8px;
  padding: 6px 10px 12px 58px;
  display: inline-block;
  max-width: 100%;
  margin: 2px 0;
}

#user-loc .navigator a.locate-me:hover {
  background: var(--mb-color-secondary-light);
}

#side-menu .navigator strong,
#def-location .navigator strong,
.navigator strong {
  display: block;
}

#def-location .navigator strong,
#user-loc .navigator strong {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 600;
}

#side-menu .navigator span,
#def-location .navigator span,
.navigator span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #777;
}

#side-menu .navigator span.refresh,
#def-location .navigator span.refresh,
.navigator span.refresh {
  color: #777;
  margin-top: 4px;
  font-size: 13px;
  text-decoration: none;
  font-style: italic;
  display: inline-block;
}

#side-menu .input-box,
#def-location .input-box {
  margin: 0;
}

#side-menu .box.location .input-box input,
#def-location .input-box input {
  padding-left: 42px;
  width: 100%;
  height: 48px;
  font-size: 17px;
}

#side-menu .input-box svg,
#def-location .input-box svg {
  width: 22px;
  height: 22px;
  padding: 3px;
  fill: #999;
  position: absolute;
  left: 8px;
  top: calc(50% - 11px);
}

#def-location .input-box svg {
  left: 10px;
}

#side-menu .box .section .recent a,
#side-menu .box .section .popular a,
#def-location .recent a,
#def-location .popular a {
  font-weight: normal;
  padding: 8px 16px 8px 40px;
  position: relative;
}

#side-menu .box .section .recent a:after,
#def-location .recent a:after {
  margin-left: 1px;
  content: "\f1da";
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  height: 16px;
  color: var(--mb-color2, #2c2c2c);
  position: absolute;
  left: 16px;
  top: calc(50% - 9px);
  font-weight: 900;
}

#side-menu .box .section .popular a:after,
#def-location .popular a:after {
  margin-left: 1px;
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  height: 16px;
  color: var(--mb-color2, #2c2c2c);
  position: absolute;
  left: 16px;
  top: calc(50% - 11px);
  font-weight: 900;
}

#side-menu .box .section .row.buttons,
#def-location .row.buttons {
  padding: 16px;
}

#side-menu .box .section .buttons a.btn,
#def-location .buttons a.btn {
  color: #fff;
  padding: 8px;
  font-size: 14px;
}

#side-menu .box .section .buttons a.btn:hover,
#def-location .buttons a.btn:hover {
  color: #fff;
}

#side-menu .menu-hooks {
  width: 100%;
}

#side-menu .menu-hooks li {
  display: block;
  list-style-type: none;
}

#side-menu .menu-hooks a>i {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
}

#side-menu .menu-hooks li.opt_favorite_items,
#side-menu .menu-hooks li.opt_instant_messenger,
#side-menu .menu-hooks li.opt_osclass_pay,
#side-menu .menu-hooks li.opt_bpr_profile {
  display: none;
}

#side-menu .menu-hooks li.opt_osp_payment {
  display: none;
}

#side-menu .box.filter input[type="text"],
#side-menu .box.filter select {
  width: 100%;
}

#side-menu .box.filter .row {
  margin: 0 0 12px 0;
}

#side-menu .box.filter .row.checkboxes {
  margin: 2px 0 0 0;
}

#side-menu .box.filter .section {
  padding: 10px 16px 0 16px;
}

#side-menu #search-category-box {
  display: none;
}

#side-menu,
#side-menu .box,
#side-menu>.wrap {
  width: 100%;
  border-radius: 16px 16px 0 0;
}

/* MOBILE BOTTOM NAVIGATION BAR */
#navi-bar {
  z-index: 9990;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  display: flex;
  background: #fff;
  box-shadow: 0 -1px 0 0 #ddd;
  padding-left: 6px;
}

#navi-bar a.btn-regular {
  max-width: 20%;
  text-align: center;
  flex: 1;
  padding: 6px 2px 0 2px;
  letter-spacing: -0.2px;
  color: #888;
  position: relative;
}

#navi-bar a.btn-regular>svg {
  width: 22px;
  height: 22px;
  fill: var(--mb-color7);
}

#navi-bar a.btn-regular>span {
  width: 100%;
  font-size: 10px;
  line-height: 12px;
  height: 13px;
  font-weight: normal;
  display: block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 2px;
}

#navi-bar a.btn-regular.active {
  font-weight: bold;
  color: var(--mb-color2, #2c2c2c);
}

#navi-bar a.btn-regular.active>svg {
  fill: var(--mb-color2, #2c2c2c);
}

#navi-bar a.btn-regular.active>span {
  font-weight: 600;
}

#navi-bar a.btn-regular.active:not(.post):after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background: var(--mb-color-primary);
  position: absolute;
  top: 5px;
  left: calc(50% + 9px);
}

#navi-bar a.btn-regular.active.post>svg {
  background: var(--mb-color2, #2c2c2c);
  fill: #f9f9f9;
  padding: 7px 2px;
}

#navi-bar a.btn-regular .counter {
  position: absolute;
  right: calc(50% - 24px);
  top: 3px;
  height: 16px;
  min-width: 16px;
  width: auto;
  line-height: 16px;
  padding: 0 3px;
  border-radius: 100px;
  z-index: 2;
  background: var(--mb-color-secondary);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

#navi-bar .favorite .counter,
#navi-bar .alerts .counter {
  margin-right: 3px;
}

#navi-bar a.btn-regular i.mark {
  position: absolute;
  right: calc(50% - 15px);
  font-size: 12px;
  top: 5px;
  color: var(--mb-color-secondary);
  text-shadow: -1px 1px 1px #fff;
}

#navi-bar a.btn {
  max-width: 110px;
  min-width: 30%;
  font-weight: 600;
  height: 36px;
  margin: 6px 16px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#navi-bar a.btn>svg {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  fill: #fff;
}


/* 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;
}

.item-publish h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
}

.item-publish .box {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.item-publish section.promo,
.item-publish #breadcrumbs,
.item-publish footer section.one>.col {
  display: none;
}

.item-publish footer section.one {
  padding: 0;
  margin: 0;
}

.item-publish .content label {
  margin: 0 0 6px 0;
  width: 100%;
  display: inline-block;
}

.item-publish label.auto-width {
  width: auto;
}

.item-publish .input-box.d1 {
  margin-bottom: 10px;
}

.item-publish .input-box-check {
  margin: 0 0 10px 0;
}

.item-publish .content input[type="text"],
.item-publish .content input[type="password"],
.item-publish .content input[type="email"],
.item-publish .content select {
  width: 100%;
  border: 1px solid #e0e0e0;
}

.item-publish .content textarea {
  width: 100%;
}

.item-publish .box section {
  float: left;
  clear: both;
}

.item-publish .box section:not(.buttons-block) {
  position: relative;
  border-radius: 8px;
}

.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 16px 16px;
  font-size: 17px;
  font-weight: bold;
}

.item-publish .box section h2.first {
  font-size: 17px;
  margin-top: 1px;
}

.item-publish .box section .in {
  display: inline-block;
  width: 100%;
  padding: 2px 16px 16px 16px;
  position: relative;
}

.item-publish .box section .in.var2 {
  width: 100%;
}

.item-publish .box section .in.var3 {
  width: 100%;
  float: none;
  clear: both;
}

.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%;
  border: 1px solid #e0e0e0;
}

.item-publish .row.category {
  margin-bottom: 50px;
}

.item-publish .row.country {
  width: 34%;
  padding-right: 16px;
  float: left;
}

.item-publish .row.region {
  width: 50%;
  padding-right: 16px;
  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: 100%;
  float: left;
}

.item-publish .row.zip {
  width: 140px;
  float: left;
}

.item-publish .row.phone {
  width: 100%;
}

.item-publish .row.phone input#contactPhone,
.item-publish .row.phone input#sPhone {
  width: 100%;
  border: 1px solid #e0e0e0;
}

.item-publish .row.user-email {
  width: 100%;
}

.item-publish .category select {
  margin: 0 8px 8px 0;
}

.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 {
  margin-top: 0;
  color: var(--mb-color-primary);
}

.item-publish section.info .in {
  padding-bottom: 0;
}

.item-publish #plugin-hook {
  margin: 0 0 50px 0;
}

.item-publish #plugin-hook:empty {
  display: none;
}

.item-publish .buttons-block button.btn {
  font-size: 17px;
  height: 48px;
  padding: 13px 15px;
  width: 100%;
}

.item-publish input#price {
  max-width: 100%;
  padding-left: 100px;
}

.item-publish .enter.disable input#price {
  color: transparent;
  transition: 0s;
}

.item-publish select#currency {
  position: absolute;
  width: 90px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.2px;
  border-radius: 4px 0 0 4px;
  left: 5px;
  top: 8px;
  height: 30px;
  padding: 0 2px;
  border: none;
  border-right: 1px solid #ccc;
}

.item-publish .or {
  margin: 0 0 20px 0;
  color: #888;
}

.item-publish .or:before,
.item-publish .or:after {
  display: inline-block;
  width: 80px;
  border-top: 1px solid #ccc;
  content: "";
  vertical-align: 3px;
}

.item-publish .or span {
  margin: 0 10px;
  display: inline-block;
  font-style: italic;
}

.item-publish .selection a {
  display: inline-flex;
  align-items: center;
  margin: 0 12px 10px 0;
  padding: 6px 12px;
  font-size: 14px;
  height: 34px;
  border-radius: 4px;
  box-shadow: none;
  background: var(--mb-color-secondary-lighter);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--mb-color2, #2c2c2c);
  font-weight: normal;
}

.item-publish .selection a.active {
  background-color: #008f79;
  color: #fff;
  border-color: #008f79;
  box-shadow: none;
}

.item-publish .selection a:not(.active):hover {
  background-color: var(--mb-color-secondary-light);
}

.item-publish .selection a i {
  margin-right: 5px;
}

.item-publish .status-wrap {
  margin: 16px 0 12px 0;
  display: inline-block;
  width: 100%;
}

.item-publish .status-wrap .transaction {
  width: auto;
  min-width: 35%;
  max-width: 50%;
  padding-right: 12px;
  float: left;
}

.item-publish .status-wrap .condition {
  width: auto;
  min-width: 35%;
  max-width: 50%;
  float: left;
}

.item-publish .row.name,
#user-dashboard .headers {
  position: relative;
}

.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 .currency-display {
  position: absolute;
  left: 5px;
  top: 8px;
  height: 30px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-right: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  z-index: 2;
}

.item-publish input#price {
  position: relative;
  padding-left: 60px !important;
  width: 100%;
  transition: 0.2s;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 16px;
  padding: 9px 8px;
  outline: 0;
  font-family: inherit;
  color: var(--mb-color2, #2c2c2c);
}

#body-item-post .select2-container--default .select2-selection--single {
  border-radius: 4px !important;
}

#body-item-post .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -4px !important;
}

#body-user-register .select2-container .select2-selection--single {
    border-radius: 4px !important;
}

#body-user-register .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -4px !important;
}

/* FLASH MESSAGE MODIFICATO */
@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes popIn {
  0% {
    transform: scale(0.5) translateY(20px);
    opacity: 0;
  }

  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

#flashbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

#flashbox .wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  pointer-events: auto !important;
}

#flashbox .wrap2 {
  width: 100%;
}

#flashbox .wrap2:has(.msg-lock) .flashmessage:not(:has(.msg-lock)) {
  display: none !important;
}

#flashbox .flashmessage:has(.msg-priority) {
  background: linear-gradient(135deg, #2a9d8f 0%, #047161 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 20px 50px rgba(42, 157, 143, 0.4), 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px !important;
  padding: 35px 25px !important;
  max-width: 500px !important;
  width: 90% !important;
  border-left: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  animation: fadeOutAnimation 1s ease-out 9s forwards;
}

#flashbox .flashmessage:has(.msg-priority):before,
#flashbox .flashmessage:has(.msg-priority):after {
  display: none !important;
}

#flashbox .msg-icon {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
  animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

#flashbox .msg-content strong {
  display: block;
  font-size: 21px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  color: #ffffff !important;
  letter-spacing: -0.5px;
}

#flashbox .msg-content span {
  display: block;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

#flashbox .flashmessage a.btn.ico-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

#flashbox .flashmessage a.btn.ico-close:after {
  display: none !important;
  content: "" !important;
  opacity: 0 !important;
}

#flashbox .flashmessage a.btn.ico-close:before {
  content: "\f00d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
}

#flashbox .flashmessage a.btn.ico-close:hover:before {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

/* Hide number input spinners */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

body#body-item-post #osp-promos {
  display: none !important;
}

.publish-benefits {
  margin: 15px 0 25px 0;
  padding: 15px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 5px;
}

.publish-benefits ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.publish-benefits li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.publish-benefits li:last-child {
  margin-bottom: 0;
}

.publish-benefits .check-icon {
  color: #28a745;
  font-size: 20px;
  margin-right: 10px;
  line-height: 1;
}

.publish-benefits strong {
  color: #343a40;
}

.account-creation-box {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}

.account-creation-box h3 {
  font-size: 1.2em;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}

.account-creation-box p {
  color: #555;
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.5;
}

.input-box-password {
  position: relative;
}

.input-box-password #togglePassword {
  position: absolute;
  top: 24px;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #aaa;
}

.input-box-password #togglePassword:hover {
  color: #333;
}

.password-hint {
  font-size: 13px;
  color: #666;
  display: inline-block;
  margin-top: 2px;
}

.char-count {
  font-size: 12px;
  color: #777;
  text-align: right;
  margin-top: 2px;
  padding-right: 5px;
  transition: color 0.3s;
  white-space: nowrap;
}

.char-count.warning {
  color: #ff7700;
}

.char-count.limit {
  color: #e00909;
  font-weight: bold;
}

.label-container {
  display: flex;
  align-items: baseline;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #A6B2BE !important;
  border-radius: 0px !important;
  height: 48px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1a1a1a !important;
  line-height: 46px !important;
  padding-left: 12px !important;
  padding-right: 30px !important;
  font-size: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #6c757d;
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #6c757d transparent transparent transparent !important;
  border-width: 6px 6px 0 6px !important;
  margin-top: -3px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #6c757d transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
  border-color: #008f79 !important;
}

.select2-results>.select2-results__options {
  height: auto !important;
  max-height: 350px !important;
  overflow-y: auto;
}

.select2-results__option .select2-results__options {
  max-height: none;
  overflow-y: visible;
}

.select2-results__option--highlighted[aria-selected] {
  background-color: #008f79 !important;
  color: white !important;
}

.select2-dropdown {
  border: 1px solid #A6B2BE !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  z-index: 9999;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc !important;
  border-radius: 3px !important;
  padding: 8px !important;
  font-size: 15px !important;
  outline: none;
}

.select2-results__option {
  padding: 10px 12px !important;
  font-size: 16px !important;
}

.select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-results__option[aria-selected=true] {
  background-color: #f0f0f0;
}

.item-publish .phone-prefix {
  position: absolute;
  left: 5px;
  top: 8px;
  height: 30px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-right: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  z-index: 2;
}

.item-publish .row.phone .input-box {
  position: relative;
}

.item-publish .row.phone input#contactPhone,
.item-publish .row.phone input#sPhone {
  padding-left: 45px !important;
}

.item-publish .or {
  margin: 20px 0;
  text-align: center;
  position: relative;
}

.item-publish .or:before,
.item-publish .or:after {
  display: inline-block;
  width: 100px;
  border-top: 1px solid #ddd;
  content: "";
  vertical-align: 3px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.05));
}

.item-publish .row .input-box {
  position: relative;
}

.item-publish .location-prefix {
  position: absolute;
  left: 5px;
  top: 8px;
  height: 30px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333;
  border-right: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  z-index: 5;
}

.item-publish .input-box .picker.location {
  width: 100%;
}

.item-publish .input-box .picker.location input.location-pick {
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 45px !important;
}

.item-publish .row.user-email .input-box {
  margin-bottom: 5px;
}

.item-publish .row.user-email .mail-show {
  margin-top: 0;
}

.item-publish .row.user-email .mail-show span {
  font-size: 13px;
  color: #666;
  display: inline-block;
  margin-top: 11px;
}

.item-publish .or span {
  margin: 0 15px;
  display: inline-block;
  font-style: italic;
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  background-color: #fff;
  padding: 0 10px;
}

/* Stile migliorato per i pulsanti di selezione */
.item-publish .selection:has(a[data-price]) {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.item-publish .selection a.btn-secondary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 60px;
  border-radius: 6px;
  padding: 15px;
  transition: all 0.3s ease;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  background-color: #f9f9f9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin: 0;
}

.item-publish .selection a.btn-secondary:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.item-publish .selection a.btn-secondary.active {
  border-color: #0072bc;
  background-color: #f0f7ff;
  box-shadow: 0 5px 15px rgba(0, 114, 188, 0.15);
}

/* Stile per le icone nei pulsanti */
.item-publish .selection a.btn-secondary i {
  font-size: 20px;
  margin-bottom: 2px;
  color: #555;
  transition: all 0.3s ease;
  display: block;
}

/* Stile per il testo nei pulsanti */
.item-publish .selection a.btn-secondary {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  text-align: center;
  transition: all 0.3s ease;
}

/* Stili specifici per il pulsante "Item for free" */
.item-publish .selection a.btn-secondary[data-price="0"] i {
  color: #28a745;
}

.item-publish .selection a.btn-secondary[data-price="0"]:hover,
.item-publish .selection a.btn-secondary[data-price="0"].active {
  border-color: #28a745;
  background-color: #aaffc1;
}

.item-publish .selection a.btn-secondary[data-price="0"]:hover i,
.item-publish .selection a.btn-secondary[data-price="0"].active i {
  color: #28a745;
}

/* Stili specifici per il pulsante "Check with seller" */
.item-publish .selection a.btn-secondary[data-price=""] i {
  color: #6c757d;
}

.item-publish .selection a.btn-secondary[data-price=""]:hover,
.item-publish .selection a.btn-secondary[data-price=""].active {
  border-color: #6c757d;
  background-color: #e0e0e0;
}

.item-publish .selection a.btn-secondary[data-price=""]:hover i,
.item-publish .selection a.btn-secondary[data-price=""].active i {
  color: #6c757d;
}

/* Responsive design */
@media (max-width: 767px) {
  .item-publish .selection {
    flex-direction: column;
    align-items: center;
  }

  .item-publish .selection a.btn-secondary {
    width: 100%;
    max-width: 280px;
    height: 55px;
    margin-bottom: 10px;
  }
}

section.user-type-section {
    margin-top: -17px;
    margin-bottom: 0px;
}

div#make-offer-proxy-container {
  margin: 25px 0;
  padding: 20px;
  border-radius: 6px;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

/* Stile per il contenitore delle opzioni di offerta */
.offer-container {
  margin: 25px 0;
  padding: 20px;
  border-radius: 6px;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.offer-container:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}

/* Stile per l'intestazione dell'opzione offerta */
.offer-header {
  display: flex;
  margin-bottom: 15px;
}

.offer-icon {
  font-size: 16px;
  color: #fd7e14;
  margin-right: 15px;
}

.offer-title {
  font-size: 18px;
  font-weight: 500;
  color: #444;
  margin: 0;
}

/* Stile per la descrizione dell'offerta */
.offer-description {
  color: #666;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}

/* Stile per i controlli dell'offerta */
.offer-controls {
  display: flex;
}

/* Stile per il checkbox dell'offerta */
.offer-checkbox-container {
  display: flex;
}

.offer-checkbox {
  margin-right: 10px;
}

.offer-checkbox-label {
  font-weight: 500;
  color: #555;
}

/* Stile per quando l'offerta � attiva */
.offer-container.active {
  border-color: #fd7e14;
  background-color: #fff9f0;
}

.offer-container.active .offer-icon,
.offer-container.active .offer-title {
  color: #fd7e14;
}

.error-message {
  font-size: 14px;
  color: #e74c3c;
  display: none;
  margin-/* top: 5px; removed */
}



#plugin-hook h2,
#plugin-hook h3,
#plugin-hook h4 {
  font-weight: 500;
  font-size: 14px;
  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: 100%;
  height: 46px;
  padding: 4px 8px;
  min-width: 100px;
  border: 1px solid #e0e0e0;
}

#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-color5);
}

.upload-photos .qq-uploader {
  width: 100%;
  padding: 174px 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: #fff;
  border: 1px dashed var(--mb-color-secondary);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  position: absolute !important;
  left: 0px;
  top: 0px;
  max-width: 100%;
  width: 100%;
  padding: 20px;
  border-radius: 4px;
}

.upload-photos .qq-upload-button:before {
  display: inline-block;
  content: "\f302";
  font-weight: 400;
  margin: 4px 0;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
}

.upload-photos .qq-upload-button:after {
  margin: 10px 0;
  font-size: 14px;
  color: var(--mb-color7);
  line-height: 18px;
  font-weight: normal;
}

.upload-photos .qq-upload-button>div {
  display: inline-block;
  background: var(--mb-color-secondary);
  color: #fff;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  transition: 0.2s;
}

.upload-photos .qq-upload-button>div:hover {
  color: #fff;
  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: 4px;
  background: #fff;
  padding: 6px;
  min-height: 148px;
}

.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: none;
  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: 4px;
  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: #008f79;
}

.upload-photos .qq-upload-delete:hover:before {
  background: #026958;
}

.upload-photos .ajax_preview_img {
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 28px;
  clear: both;
  overflow: hidden;
  padding-top: 80%;
  position: relative;
  background: var(--mb-color2, #2c2c2c);
  border-radius: 4px;
}

.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: none !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 .qq-upload-list li {
  cursor: move !important;
  touch-action: pan-y; /* Permette lo scrolling verticale su mobile */
}

.upload-photos .qq-upload-list li .qq-upload-move {
  display: none !important;
}

/* Stabilità Viewport su Mobile (Anti-Jump) */
@media screen and (max-width: 767px) {
  input[type="text"], 
  input[type="number"], 
  input[type="email"], 
  input[type="password"], 
  input[type="tel"], 
  input[type="search"], 
  textarea, 
  select {
    font-size: 16px !important; /* Previene lo zoom automatico su iPhone (causa degli scatti) */
    scroll-margin-top: 120px;   /* Mantiene il campo in posizione equilibrata al focus */
  }
}

@media screen and (max-width: 767px) {
  .upload-photos .qq-upload-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    padding: 10px 5px !important;
    -webkit-overflow-scrolling: touch;
  }
  
  .upload-photos .qq-upload-list li {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-height: 150px !important;
    margin: 0 !important;
    touch-action: auto !important; /* Abilita lo scorrimento in tutte le direzioni su mobile */
  }

  .reorder-msg {
    display: none !important;
  }
}

.primary_image {
  display: none !important;
}

.reorder-msg {
  display: none;
  text-align: left;
  font-size: 13px;
  color: #5c5c5c;
  margin: 15px 0 25px 5px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}

#photos:has(.qq-upload-success + .qq-upload-success) .reorder-msg {
  display: block;
}

.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);
  position: relative;
}

.upload-photos .qq-upload-delete {
  font-size: 0 !important;
}

.upload-photos .qq-upload-success .qq-upload-delete,
.upload-photos .qq-upload-success .qq-upload-rotate,
.upload-photos .qq-upload-success {
  opacity: 1 !important;
}

.upload-photos .qq-upload-delete {
  top: auto !important;
  bottom: 5px !important;
}

.upload-photos .qq-upload-rotate {
  position: absolute;
  z-index: 3;
  left: 5px;
  bottom: 5px;
  width: 26px;
  height: 26px;
}

.upload-photos .qq-upload-rotate::before {
  content: "\f2f1";
  cursor: pointer;
  display: block;
  border-radius: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background: #e74c3c;
  transition: background-color 0.2s;
}

.upload-photos .qq-upload-rotate:hover::before {
  background: #c0392b;
}


/* 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: 3px solid #ccc;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 8px 4px 5px 4px;
  color: var(--mb-color2, #2c2c2c);
  margin-bottom: -3px;
  margin-right: 5px;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  display: inline-block;
}

ul.tabbernav li a:hover {
  border-bottom: 3px solid var(--mb-color-primary);
}

ul.tabbernav li.tabberactive a {
  transition: 0s;
  font-weight: bold;
  border-bottom: 3px 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>button {
  margin-top: 10px;
}


/* STATIC PAGE */
#page .page-text.container {
  flex-direction: column;
}

#page #breadcrumbs.container,
#page .page-text.container {
  max-width: 760px;
}

#page .page-text.container {
  max-width: 760px;
  min-height: calc(100vh - 480px);
}

#page .page-text h1 {
  margin: 0 0 20px 0;
}

#page .page-text h2,
#page .page-text h3,
#page .page-text h4,
#page .page-text h5,
#page .page-text h6 {
  margin: 0 0 12px 0;
}

#page .page-text section.text {
  margin: 0 0 20px 0;
  min-height: 200px;
  font-size: 15px;
  line-height: 22px;
}

#page .page-text section.bottom {
  font-weight: 600;
  margin: 0 0 40px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid var(--mb-color3);
}

#page .page-text section.bottom a {
  color: var(--mb-color-primary);
}

#page .page-text section.bottom a:hover {
  color: var(--mb-color-primary-hover);
}


/* LOGIN, REGISTER, RECOVER, FORGOT, CONTACT */
body.pre-account {
  background: #f0f0f0;
  font-size: 16px;
}

.pre-account>.content {
  padding: 30px 0 50px 0;
}

.pre-account:not(.has-footer) .content,
.item-publish .content {
  min-height: calc(100vh - 100px);
  background: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pre-account h1 {
  margin: 0 0 20px 0;
  font-size: 22px;
  color: var(--mb-color1);
}

.pre-account h2 {
  margin: 0 0 22px 0;
  font-size: 15px;
  color: #777;
  font-weight: 600;
}

.pre-account input[type="text"],
.pre-account input[type="password"],
.pre-account input[type="email"],
.pre-account select {
  height: 48px;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  padding: 13px 12px;
  border: 1px solid #e0e0e0;
}

.pre-account select {
  padding: 0px 12px;
}

.pre-account input[type="file"] {
  width: 100%;
  font-size: 15px;
}

.pre-account textarea {
  min-height: 48px;
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  padding: 13px 12px;
  height: 100px;
  border: 1px solid #e0e0e0;
}

.pre-account a.alt-action {
  margin: 24px 0 12px 0;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.pre-account a.alt-action2 {
  margin: 0;
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.pre-account .box {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  border-radius: 6px;
  padding: 24px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

.pre-account#contact .box {
  max-width: 540px;
}

.pre-account>.content>section.container {
  position: relative;
  min-height: 430px;
  align-items: flex-start;
  flex: 1;
  justify-content: center;
  padding: 0 12px;
}

.pre-account>.content>section.container>.box {
  position: relative;
  z-index: 2;
}

.pre-account>.content>section.container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 430px;
  height: 100%;
  z-index: 1;
  opacity: 0.6;
  background-size: 100% auto;
  background-position: top right;
  background-repeat: no-repeat;
}

.pre-account.contact>.content>section.container:after {
  background-image: url('../images/contact-cover.png');
  top: 5%;
  width: 460px;
  height: 460px;
}

.pre-account section.promo,
.pre-account #breadcrumbs,
.pre-account:not(.has-footer) footer section.zero,
.pre-account:not(.has-footer) footer section.one {
  display: none;
}

.item-publish section.promo,
.item-publish #breadcrumbs,
.item-publish footer section.zero,
.item-publish footer section.one {
  display: none;
}

.pre-account .row label {
  margin: 0 0 3px 0;
  width: 100%;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: var(--mb-color2, #2c2c2c);
  padding: 0 2px;
}

.pre-account .content .btn {
  font-size: 16px;
  line-height: 19px;
  height: auto;
  padding: 11px 15px;
  width: 100%;
}

.pre-account .input-box-check {
  width: auto;
  margin: 0;
}

.pre-account .input-box-check label {
  text-transform: none;
  font-weight: 400;
}

.pre-account .input-box-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 0 0 20px 0;
  width: 100%;
}

.pre-account:not(.has-footer) footer,
.item-publish footer {
  padding: 16px 0 10px 0;
}

.pre-account:not(.has-footer) footer section.two,
.item-publish footer section.two {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 13px;
  color: #fff;
}

.pre-account:not(.has-footer) footer section.two a,
.item-publish footer section.two a {
  color: #fff;
}

.pre-account:not(.has-footer) footer section.two a:hover,
.item-publish footer section.two a:hover {
  color: #d299ff;
}

svg#User,
svg#Login {
  width: auto;
  height: 20px;
  fill: #fff;
  margin-right: 8px;
  vertical-align: -3px;
}

.control-group {
  font-size: 14px;
}

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

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;
}

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);
}


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

.navlinks a {
  white-space: nowrap;
  border: 1px solid #ddd;
  background: transparent;
  transition: 0.2s;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 6px;
  margin: 0 0 0 1px;
  padding: 3px 6px;
  color: #404040;
}

.navlinks a:hover {
  border-color: #bbb;
  text-decoration: none;
  background: #fff;
}

.navlinks a i {
  font-size: 12px;
}


/* BELOW HEADER SEARCH */
body#search #header-search,
body#item #header-search {
  display: block;
}

#header-search {
  display: none;
  position: fixed;
  top: 49px;
  left: 0;
  width: 100%;
  height: 56px;
  z-index: 7;
  background: #fff;
  box-shadow: 0 1px 0 0 #f0f0f0;
}

#header-search .container {
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}

#header-search input[type="text"],
#header-search .simple-select .text {
  height: 44px;
  background: #ececec;
  color: var(--mb-color5);
  font-size: 16px;
  padding: 0 12px;
  border: none;
  margin: 0;
  width: 100%;
}

#header-search input[type="text"]:focus,
#header-search input[type="text"]:active,
#header-search .simple-select .text:focus,
#header-search .simple-select .text:active,
#header-search .simple-select.opened .text {
  box-shadow: 0 0 0 2px #b0b0b0;
  outline: none;
}

#header-search .input-box {
  margin: 0;
  height: 34px;
}

#header-search .simple-select .text {
  display: inline-flex;
  align-items: center;
}

#header-search .simple-select .text span {
  padding: 0 4px;
}

#header-search .pattern {
  width: 50%;
  border-right: 2px solid #fff;
}

#header-search .pattern input[type="text"] {
  border-radius: 8px 0 0 8px;
  padding-left: 44px;
}

#header-search .location input[type="text"] {
  padding-left: 44px;
}

#header-search .location {
  width: 50%;
}

#header-search .location input[type="text"] {
  border-radius: 0;
}

#header-search .simple-radius {
  width: 120px;
}

#header-search .simple-radius .list {
  min-width: 140px;
}

#header-search .simple-radius .text:before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 13px);
  width: 1px;
  height: 26px;
  background: #ccc;
}

#header-search .simple-radius.opened .text:before {
  opacity: 0;
}

#header-search .btns {
  width: 140px;
  background: #ececec;
  border-radius: 0 5px 5px 0;
  padding: 4px 4px 4px 10px;
}

#header-search .btns button {
  width: 100%;
  font-size: 15px;
  height: 36px;
}

/* HEADER SEARCH HOME */
body#search #header-search,
body#item #header-search {
  display: block;
}

#header-search1 {
  top: 60px;
  left: 0;
  width: 100%;
  height: 70px;
  border-radius: 12px;
  z-index: 7;
}

.home-main-title {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 32px;
  margin-bottom: 30px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: 600;
}

#header-search1 .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 90%;
  box-shadow: 0 10px 24px 0 #0000001a;
  padding: 20px;
}

#header-search1 input[type="text"],
#header-search .simple-select .text {
  border-radius: 0px;
  height: 46px;
  color: var(--mb-color5);
  font-size: 16px;
  margin: 0;
}

#header-search1 input[type="text"]:focus,
#header-search input[type="text"]:active,
#header-search .simple-select .text:focus,
#header-search .simple-select .text:active,
#header-search .simple-select.opened .text {
  box-shadow: 0 0 0 1px #008f79;
  outline: none;
}

#header-search1 .input-box {
  margin: 0;
  height: 46px;
}

#header-search1 .simple-select .text {
  display: inline-flex;
  align-items: center;
}

#header-search1 .simple-select .text span {
  padding: 0 4px;
}

#header-search1 .pattern {
  width: 50%;
}

#header-search1 .pattern input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
  margin: 0 4px 16px 0;
  border-radius: 4px 0px 0px 4px;
}

#header-search1 .location input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
  margin: 0 4px 16px 0;
}

#header-search1 .location {
  width: calc(50%);
}

#header-search1 .simple-radius {
  width: 120px;
}

#header-search1 .simple-radius .list {
  min-width: 140px;
}

#header-search1 .simple-radius .text:before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 13px);
  width: 1px;
  height: 26px;
  background: #ccc;
}

#header-search1 .simple-radius.opened .text:before {
  opacity: 0;
}

#header-search1 .btns {
  width: 140px;
  border-radius: 4px;
}

#header-search1 .btns button {
  width: 90px;
  font-size: 15px;
  height: 46px;
  border-radius: 0px 4px 4px 0px;
}

#header-search1 .category-select-wrapper {
  position: relative;
}

#header-search1 .category-select-wrapper .cat-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 5;
  pointer-events: none;
}

#header-search1 .category-select-wrapper .select2-container--default .select2-selection--single {
  padding-left: 30px !important;
}

#header-search1 .category-select-wrapper {
  position: relative;
}

#header-search1 .category-select-wrapper .cat-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 5;
  pointer-events: none;
}

#header-search1 .category-select-wrapper .select2-container--default .select2-selection--single {
  padding-left: 30px !important;
}

#header-search1 .category-select-wrapper>select {
  opacity: 0;
}

#header-search1 .select2-container {
  transition: opacity 0.2s ease-in-out;
}

@media (max-width: 767px) {
  #header-search1 .category-select-wrapper .select2-container {
    width: 100% !important;
  }
}

#header-search1 .select2-container--default .select2-selection--single {
  border-color: #e0e0e0 !important;
  height: 60px !important;
}

#header-search1 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5c5c5c !important;
  line-height: 60px !important;
}

#header-search1 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title="Tutte le categorie"]) {
  color: #333 !important;
}

#header-search1 .select2-container--default.select2-container--focus .select2-selection--single,
#header-search1 .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #008f79 !important;
  box-shadow: none;
}

#header-search1 .pattern {
  position: relative;
}

#header-search1 .ajax-box {
  z-index: 10 !important;
}

svg.svg-left {
  z-index: 2;
  position: absolute;
  left: 14px;
  top: calc(50% - 15px);
  font-size: 16px;
  width: 18px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #999;
  fill: #999;
}

@media (max-width: 767px) {
  #header-search1 .category-select-wrapper .select2-container {
    width: 100% !important;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
  }

  #header-search1 .pattern {
    z-index: 10;
  }

  #header-search1 .pattern>i,
  #header-search1 .pattern>svg {
    z-index: 11;
  }
}

@media (max-width: 767px) {
  #header-search1 {
    position: static;
    height: auto;
    top: auto;
    left: auto;
    background-image: none;
  }

  .home-main-title {
    color: #2c2c2d;
    font-size: 22px;
    margin-bottom: 20px;
    padding: 0 15px;
    text-shadow: none;
  }

  #header-search1 .pattern input[type="text"] {
    border-radius: 5px;
    border: 1px solid #c0c0c0;
  }

  #header-search1 .location input[type="text"] {
    border-radius: 5px;
    border: 1px solid #c0c0c0;
  }

  #header-search1 .container {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background: #fff;
  }

  #header-search1 .pattern,
  #header-search1 .location,
  #header-search1 .btns {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
  }

  #header-search1 .btns {
    width: 100%;
    border-radius: 5px;
  }

  #header-search1 .btns button {
    width: 100%;
    font-size: 15px;
    height: 46px;
	border-radius: 5px;
  }

  #header-search1 input[type="text"] {
    border-radius: 5px;
  }

  #header-search1 .simple-radius .text:before {
    display: none;
  }

  .elem.category-select-wrapper {
    width: 100%;
    height: 46px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
  }
}

/* HEADER */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 8;
  background: #fff;
  box-shadow: 0 1px 0 0 #f0f0f0;
}

.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 20px 0 0;
}

header .logo.square {
  display: none;
}

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

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

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

header .logo img {
  min-height: 20px;
  height: 20px;
  object-fit: contain;
}

header .links1 {
  height: 48px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

header .links1 a,
header .links a.simple,
header .links a.mini-btn {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  height: 100%;
  color: var(--mb-color3);
  width: auto;
  padding: 5px 12px;
  display: flex;
  text-decoration: none;
  margin: 0;
  transition: 0.2s;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}

header .links1 a:hover,
header .links1 a.btn:hover,
header .links a.simple:hover,
header .links a.mini-btn:hover {
  background: #e4e4e4;
  text-decoration: none;
  color: #000;
}

header .links1 a {
  max-width: 150px;
  text-align: center;
}

header .links1 a i {
  margin-right: 4px;
  font-size: 16px;
  min-width: 16px;
}

.links1 a.btn,
.links1 a.btn-white,
.links1 a.mini-btn {
  border-radius: 0;
  background: transparent;
  border: none;
}

header .links {
  display: flex;
  margin-left: auto;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: end;
  height: 48px;
  align-items: center;
  gap: 12px;
}

header .links a.simple {
  font-weight: 500;
  padding: 5px 10px;
  color: var(--mb-color1);
}

header .links a.simple.register {
    border: 1px solid #028570;
    color: #028570 !important;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
}

header .links a.simple.register:hover {
    background: #028570;
    color: #fff !important;
}

header .links a.simple i {
    margin-right: 6px;
    color: #4c4c4c;
}

header .links a {
  white-space: nowrap;
}

header .links .publish {
  margin: 0 4px 0 20px;
  height: 32px;
  font-size: 15px;
  padding: 6px 16px;
  text-align: center;
  min-width: 100px;
  border-radius: 6px;
  background-color: #028570;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

header .links a.mini-btn {
  position: relative;
  white-space: unset;
  min-width: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 6px;
  justify-content: center;
}

header .links a.mini-btn i,
header .links a.mini-btn svg {
  color: var(--mb-color6);
  fill: var(--mb-color6);
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  margin: 2px 0;
  text-align: center;
}

header .links a.mini-btn strong {
  font-size: 11px;
  font-weight: normal;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  text-align: center;
  max-width: 103px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

header .links a.mini-btn strong {
  display: none;
}

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

header .links a.mini-btn .counter.spec {
  padding-left: 0;
  padding-right: 0;
  background: var(--mb-color-secondary);
}

header .links a.mini-btn .counter>i {
  color: #fff;
  font-size: 9px;
  line-height: 9px;
  height: auto;
  width: auto;
}

header .links a.account {
  font-weight: normal;
  padding-right: 14px;
}

header .links a.account img {
  width: 26px;
  height: 26px;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 4px 0 0;
}

header .links a.account b {
  font-weight: 500;
  margin-left: 2px;
}

header .my-account-wrap {
  position: relative;
  height: 100%;
  /* /* top: 5px; removed */ removed */
}

header .my-account-wrap:hover a.account {
  background: #f0f0f0;
}

header .my-account-menu {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 4;
  background: #fff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  padding: 12px;
}

header .my-account-wrap:hover .my-account-menu {
  display: block;
}

header .my-account-menu a {
  float: left;
  clear: both;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 5px;
  transition: 0.2s;
  margin: 2px 0;
}

header .my-account-menu a:hover {
  text-decoration: none;
  box-shadow: 0 0 0 1px #d0d0d0;
}

header .my-account-menu a:hover i {
  color: var(--mb-color0);
}

header .my-account-menu a i,
header .my-account-menu a svg {
  margin: 0 4px 0 0;
  width: 20px;
  text-align: center;
  color: #777;
  fill: #777;
  transition: 0.2s;
}

header .language-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

header .language-wrap a.mini-btn strong {
  display: inline-block;
  font-size: 14px;
  margin-left: 4px;
  color: var(--mb-color3);
}

header .language-wrap a.mini-btn i.fa-chevron-down {
  font-size: 10px;
  margin-left: 4px;
  color: var(--mb-color6);
}

header .language-menu {
  display: none;
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 4;
  background: #fff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  padding: 8px;
  min-width: 100px;
  border-radius: 4px;
}

header .language-wrap:hover .language-menu {
  display: block;
}

header .language-menu a {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 13px;
  color: var(--mb-color3);
  text-decoration: none;
  border-radius: 4px;
  transition: 0.2s;
  white-space: nowrap;
  justify-content: space-between;
}

header .language-menu a:hover {
  background: #f5f5f5;
  color: #000;
}

header .language-menu a.active {
  font-weight: bold;
  color: var(--mb-color-primary);
}

header .language-menu a span {
  font-size: 11px;
  color: #888;
  margin-left: 10px;
}

header .links .publish.mini {
  display: none;
}

header .links .btn {
  white-space: nowrap;
  position: relative;
}

header .links .btn.account img {
  width: 32px;
  height: 32px;
  margin: -6px 5px -6px -6px;
  float: left;
  object-fit: cover;
  border-radius: 100px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

header .links .btn.location {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

header .links .btn.location.active:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 10px;
  background: var(--mb-color-primary);
  position: absolute;
  top: 7px;
  left: 8px;
  box-shadow: 0 0 0 1px #fff;
}

header .links .btn .counter {
  position: absolute;
  left: 2px;
  top: 4px;
  box-shadow: 0 0 0 1px #fff;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  padding: 0 3px;
  border-radius: 100px;
  z-index: 2;
  background: var(--mb-color-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

header .links .btn svg,
header a.menu svg {
  width: auto;
  height: 18px;
  fill: #fff;
  margin-right: 2px;
  vertical-align: -3px;
}

header .links .btn.noicon {
  padding: 9px 8px;
}

header .links .divider {
  height: 40px;
  margin: 0 5px;
}

header .links .maccount {
  padding: 0;
  margin: 2px 0 2px 8px;
  height: 36px;
  border-radius: 100px;
}

header .links .maccount img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

header .links .search {
  width: 36px;
  height: 36px;
  padding: 7px 5px;
  border-radius: 100px;
}

header .links .search svg {
  width: 20px;
  height: 20px;
}

header .container.alt {
  display: flex;
  background: #fff;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header .container.alt a.back,
header .container.alt a.action {
  margin-right: 8px;
}

header .container.alt>.img {
  width: 56px;
  height: 48px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-right: 6px;
}

header .container.alt>.data {
  font-size: 13px;
  line-height: 18px;
  padding: 0 4px;
  max-width: calc(100% - 62px);
  width: 100%;
}

header .container.alt .data>strong {
  font-size: 16px;
  display: flex;
}

header .container.alt .data>strong .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: var(--mb-color3);
}

header .container.alt .data>strong .price {
  margin-left: auto;
  padding-left: 10px;
  white-space: nowrap;
  max-width: 35%;
}

header .container.alt .data>div {
  scrollbar-width: none;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
}

header .container.alt .data>div::-webkit-scrollbar {
  display: none;
}

header .container.alt .data>div span:after {
  content: "\2022";
  margin: 0 6px 0 6px;
}

header .container.alt .data>div span:last-child:after {
  display: none;
}

header .container.alt.csearch {
  overflow: visible !important;
}

header .csearch form {
  display: flex;
  margin-left: auto;
  flex-direction: row;
  flex: 1;
  height: 46px;
  align-items: center;
}

header .csearch .pattern {
  width: calc(100% - 44px);
}

header .csearch input.pattern {
  font-size: 15px;
  padding: 6px 8px;
  line-height: 18px;
  width: 100%;
}

header .csearch input.pattern:focus {
  border-color: var(--mb-color-primary);
}

header .csearch .input-box {
  margin: 0;
}

header .csearch button {
  width: 38px;
  min-width: 38px;
  height: 36px;
  padding: 6px 4px;
  margin-left: 8px;
}

header .csearch button i {
  line-height: 20px;
  font-size: 16px;
  margin: 0;
}

.picker.pattern.mobile {
  position: unset;
  -webkit-filter: unset;
}

.picker.pattern.mobile .results {
  display: block !important;
  border: none;
  border-bottom: 1px solid #ccc;
  left: 0;
  top: 60px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  padding-top: 4px;
  max-height: calc(100vh - 108px);
  height: calc(100vh - 108px);
  min-height: calc(100vh - 108px);
}


/* FOOTER */
footer {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #d4d4d4;
  line-height: 24px;
  background: #00040f;
  padding: 28px 0 24px 0;
  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.2);
}

footer h4 {
  margin: 0 0 16px 0;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

footer p {
  margin: 0 0 4px 0;
}

footer p.logo img {
  max-height: 48px;
  margin-bottom: 10px;
  object-fit: contain;
}

footer .container {
  flex-direction: column;
}

footer .company strong {
  font-weight: 600;
}

footer section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

footer section.zero {
  margin: 0 0 12px 0;
}

footer section.two {
  margin: 24px 0 0 0;
  padding: 24px 0 0 0;
  border-top: 1px solid #1e2331;
  font-size: 14px;
  line-height: 18px;
  color: #d4d4d4;
}

footer section.two a {
  display: inline-flex;
  margin-right: 15px;
  font-weight: 600;
}

footer section.two span {
  display: flex;
  margin-left: auto;
}

footer .col {
  flex: 1 1 20%;
  padding-right: 25px;
}

footer .col.contact {
  font-size: 14px;
  line-height: 20px;
  min-width: 40%;
}

footer .col.contact strong {
  font-size: 15px;
  color: #fff;
}

footer .col.contact .txt {
  font-size: 13px;
  line-height: 18px;
  padding-right: 16px;
}

footer .col.app {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  margin: 0 0 24px 0;
}

footer .col.app h4 {
  margin-bottom: 8px;
  font-size: 15px;
  text-align: left;
}

footer .col.app .app-description {
  font-size: 13px;
  line-height: 18px;
  color: #d4d4d4;
  margin-bottom: 12px;
  padding: 0;
  text-align: left;
}

footer .col.app .app-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

footer .col.app .app-badge-link {
  display: inline-block;
  transition: transform 0.3s ease;
}

footer .col.app .app-badge-link:hover {
  transform: translateY(-2px);
}

footer .col.app .google-play-badge-img {
  height: 60px;
  width: auto;
  display: block;
}

footer a {
  color: #d4d4d4;
  display: block;
  margin: 0 0 8px 0;
  transition: 0.2s;
}

footer a:hover {
  text-decoration: none;
  color: #d299ff;
}

footer a.lang img {
  height: 16px;
  width: 22px;
  border-radius: 2px;
  object-fit: fill;
  vertical-align: -2px;
  margin-right: 2px;
}

footer .social a {
  margin: 0 0 12px 0;
}

footer .social a i,
footer .social a svg {
  transition: 0.2s;
  float: left;
  margin: 0 7px 0 0;
  background: rgba(255, 255, 255, 0.9);
  color: var(--mb-color2, #2c2c2c);
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

footer .social a:hover i,
footer .social a:hover svg {
  background: #d299ff;
  color: #000;
  fill: #000;
}

footer .social a svg {
  padding: 3px;
}

footer .footer-hook,
footer .footer-widgets {
  display: block;
  width: 100%:
}

footer a.switch-ld1 {
  margin: 14px 0 0 0;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  padding: 5px 8px;
  align-items: center;
  line-height: 16px;
  color: #d299ff;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
}

footer a.switch-ld1:hover {
  background: rgba(255, 255, 255, 0.15);
}

footer a.switch-ld1>svg {
  fill: #d299ff;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.app-buttons-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 15px;
}

.store-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0;
  text-decoration: none !important;
  box-sizing: border-box;
  vertical-align: middle;
  transition: transform 0.2s;
}

.store-badge:hover {
  transform: scale(1.02);
}

.store-badge.google-play {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  overflow: hidden;
}

.store-badge.google-play img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

.store-badge.ios-pwa-trigger {
  background: #000000;
  border: 1px solid #555555;
  border-radius: 8px;
  padding: 0 8px;
  min-width: 145px;
  margin-top: 2px;
}

.store-badge.ios-pwa-trigger i {
  font-size: 35px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  margin-bottom: 2px;
}

.store-badge.ios-pwa-trigger .badge-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  line-height: 1.2;
}

.store-badge.ios-pwa-trigger .small-text {
  font-size: 9px;
  color: #ccc;
  display: block;
  line-height: 1;
}

.store-badge.ios-pwa-trigger .big-text {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: block;
  line-height: 1;
  margin-top: 3px;
}

.ios-modal {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
}

.ios-modal-content {
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
  width: 90%;
  max-width: 350px;
  text-align: center;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  color: #333;
}

body.mode-dark .ios-modal-content {
  background-color: #222;
  color: #fff;
  border: 1px solid #444;
}

.close-ios-modal {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  color: #aaa;
  line-height: 1;
}

.ios-header {
  margin-bottom: 15px;
}

.ios-header i {
  font-size: 40px;
  margin-bottom: 10px;
  display: block;
  color: inherit;
}

.ios-modal-content h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  color: inherit;
}

.ios-modal-content p {
  margin-bottom: 15px;
  font-size: 14px;
  color: inherit;
}

.ios-modal-content ol {
  text-align: left;
  padding-left: 25px;
  margin-bottom: 20px;
}

.ios-modal-content ol li {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.4;
  color: inherit;
}

.ios-modal-content ol li svg,
.ios-modal-content ol li i {
  vertical-align: middle;
  margin: 0 4px;
  font-size: 1.1em;
}

.ios-modal-content .btn-primary {
  margin-top: 10px;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  cursor: pointer;
  border-radius: 8px;
  border: none;
  background-color: #2a9d8f;
  color: white;
  display: inline-block;
  transition: background-color 0.2s;
}

.ios-modal-content .btn-primary:hover {
  background-color: #047161;
}

section.promo {
  display: none;
  position: relative;
  z-index: 2;
  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #fff;
  background: #1e2331;
  padding: 16px 0;
  font-size: 16px;
}

section.promo .container {
  justify-content: center;
}

section.promo .btn {
  margin-left: 20px;
  width: 140px;
  line-height: 32px;
}

section.promo .btn:hover {
  color: #fff;
  background: #00040f;
}

body#custom>.content {
  padding-top: 24px;
  padding-bottom: 32px;
}

body#custom .content.sec-bpr-seller .container.primary {
  padding-top: 0;
  padding-bottom: 0;
}

body#custom #bpr-seller .bpr-inside {
  margin-top: 0;
}

body .bpr-prof .bpr-row-inf>strong {
  font-weight: 600;
}

body .bpr-attachment .bpr-att-box .bpr-status {
  background: var(--mb-color-primary);
  font-weight: 600;
}

body .bpr-attachment .bpr-att-box .bpr-status:hover {
  background: var(--mb-color-primary-hover);
}

body .im-button-green,
body .im-body #uniform-undefined {
  background: var(--mb-color-primary);
  font-weight: 600;
}

body .im-button-green:hover,
body .im-body #uniform-undefined:hover {
  background: var(--mb-color-primary-hover);
}

body .im-threads-exist a {
  border-radius: 0;
}


/* 404 ERROR PAGE */
body#p404 {
  background: #fff;
}

#p404 header .relative2 {
  border-bottom: none;
}

#p404 footer {
  margin-top: 0;
}

#p404 footer .pub-box {
  display: none;
}

#p404 .errbox {
  width: 500px;
  margin: 0 auto 30px auto;
}

.error404,
.maintenance {
  text-align: center;
  padding: 50px 0;
}

.maintenance h1 {
  font-size: 38px;
  line-height: 50px;
  margin: 20px 0 30px 0;
  font-weight: bold;
}

.error404 h1 {
  font-size: 32px;
  color: #363433;
  line-height: 36px;
  margin: 0 0 20px 0;
  font-weight: bold;
}

.maintenance h2 {
  font-size: 22px;
  color: #444;
  line-height: 24px;
  margin: 0 0 20px 0;
  font-weight: 600;
  margin-bottom: 45px;
}

.maintenance .logo {
  margin-bottom: 24px;
}

.maintenance .logo img {
  max-height: 64px;
}

.error404 h2,
.maintenance h3 {
  font-size: 16px;
  line-height: 18px;
  color: var(--mb-color7);
  margin: 0 0 30px 0;
  font-weight: 600
}

.maintenance h3 {
  font-weight: 600;
}

.error404 a.btn {
  display: inline-block;
  float: none;
  margin: 0 0 20px 0;
  padding: 10px 18px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}

#p404 section.promo {
  display: none;
}

#maintenance.flashmessage {
  margin: 0;
  border-radius: 0;
  border: none;
  text-align: center;
  box-shadow: 0 1px 2px 0px rgb(0 0 0 / 25%);
  background: #ffea9f;
  padding: 10px;
  font-family: monospace;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  color: #000;
}

body#maintenanc {
  padding: 20px 12px;
  display: flex;
  align-items: center;
}

@keyframes eye {
  0% {
    height: 0.8rem;
  }

  50% {
    height: 0.8rem;
  }

  52% {
    height: 0.1rem;
  }

  54% {
    height: 0.8rem;
  }

  100% {
    height: 0.8rem;
  }
}

.error.errbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}

.errbox .number {
  font-weight: 900;
  font-size: 15rem;
  line-height: 1;
  color: var(--mb-color-primary-hover);
}

.errbox .illustration {
  position: relative;
  width: 12.2rem;
  margin: 0 2.1rem;
}

.errbox .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12.2rem;
  height: 11.4rem;
  border-radius: 50%;
  background-color: var(--mb-color-primary-hover);
}

.errbox .clip {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 12.5rem;
  height: 13rem;
  border-radius: 0 0 50% 50%;
}

.errbox .paper {
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: 12.4rem;
  border: 0.3rem solid var(--mb-color2, #2c2c2c);
  background-color: #fff;
  border-radius: 0.8rem;
}

.errbox .paper:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  right: -0.65rem;
  width: 1.4rem;
  height: 1rem;
  background-color: #fff;
  border-bottom: 0.3rem solid var(--mb-color2, #2c2c2c);
  transform: rotate(45deg);
}

.errbox .face {
  position: relative;
  margin-top: 2.3rem;
}

.errbox .eyes {
  position: absolute;
  top: 0;
  left: 2.4rem;
  width: 4.6rem;
  height: 0.8rem;
}

.errbox .eye {
  position: absolute;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--mb-color2, #2c2c2c);
  animation-name: eye;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  left: 0;
}

.errbox .eye-right {
  right: 0;
  left: auto;
}

.errbox .rosyCheeks {
  position: absolute;
  top: 1.6rem;
  width: 1rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #fdabaf;
  left: 1.4rem;
}

.errbox .rosyCheeks-right {
  right: 1.4rem;
  left: auto;
}

.errbox .mouth {
  position: absolute;
  top: 3.1rem;
  left: 50%;
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  transform: translateX(-50%);
  background-color: var(--mb-color2, #2c2c2c);
}

.errbox .text {
  margin-top: 5rem;
  font-weight: 300;
  color: var(--mb-color2, #2c2c2c);
}

.errbox .button {
  margin-top: 4rem;
  padding: 1.2rem 3rem;
  color: #fff;
  background-color: #04cba0;
}

.errbox .button:hover {
  background-color: #04cba0-dark;
}

.errbox .by {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  text-transform: uppercase;
  color: var(--mb-color2, #2c2c2c);
}

.errbox .byLink {
  color: #04cba0;
}

/* MODAL */
.modal-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

#zetModal {
  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%);
}

#zetModal.modal-fullscreen {
  width: auto;
  height: auto;
  top: auto;
  min-height: 85%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border-radius: 16px 16px 0 0;
  transform: none;
  max-width: 100%;
  max-height: 100%;
}

#zetModal.modal-fullscreen,
#zetModal.modal-fullscreen .modal-content,
#zetModal.modal-fullscreen .modal-content .modal-iframe {
  border-radius: 16px 16px 0 0;
}

#zetModal.modal-fullscreen.is-inline {
  top: auto;
  min-height: 200px;
  max-height: 85%;
}

#zetModal .modal-close,
#zetModal .head .subbox-close {
  display: none;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.1s;
  position: absolute;
  z-index: 99;
  color: var(--mb-color5);
  background: #fff;
  text-align: center;
  top: 9px;
  right: 15px;
  width: 34px;
  height: 34px;
  padding: 5px;
  font-size: 18px;
}

#zetModal .modal-close i,
#zetModal .head .subbox-close i {
  line-height: 24x;
  display: inline-block;
}

#zetModal .modal-close svg,
#zetModal .head .subbox-close svg {
  width: 24px;
  height: 24px;
  fill: var(--mb-color5);
  z-index: 12;
}

#zetModal .head .subbox-close {
  left: 15px;
  right: auto;
  display: none;
}

#zetModal .head .subbox-close svg {
  padding: 2px;
}

#zetModal.subbox-opened .head .subbox-close {
  display: block;
}

#zetModal .modal-close-alt {
  position: absolute;
  top: -7px;
  right: -50px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
  display: flex;
}

#zetModal .modal-close-alt:hover {
  transform: scale(1.2);
}

#zetModal .modal-close-alt svg {
  margin: auto;
  color: #fff;
  width: 34px;
  height: 34px;
}

#zetModal .modal-close:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#zetModal .modal-content {
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  max-height: 100%;
}

#zetModal .modal-content .modal-iframe {
  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;
}

#zetModal,
#zetModal .modal-content,
#zetModal .modal-content .modal-iframe {
  border-radius: 5px;
}

#zetModal .modal-is-inline .modal-content {
  overflow-y: auto;
}

#zetModal .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;
}

#zetModal .head,
#item-forms .head {
  display: block;
  width: 100%;
  color: var(--mb-color2, #2c2c2c);
  border-radius: 16px 16px 0 0;
  padding: 16px 16px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  height: 52px;
  font-size: 17px;
  font-weight: bold;
  color: var(--mb-color1);
  text-align: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  background: #fff;
}

#item-forms .head {
  position: fixed;
}

#zetModal .wrap {
  float: left;
  clear: both;
  position: relative;
  margin-top: 52px;
  width: 100%;
  overflow-y: auto;
  padding: 20px;
  font-size: 15px;
  line-height: 20px;
}

#zetModal .wrap>.line {
  margin: 0 0 12px 0;
  width: 100%;
  display: inline-block;
}

#zetModal .wrap>.line.center {
  text-align: center;
}

#zetModal.filter-menu-modal .wrap {
  padding-bottom: 68px;
}

#zetModal.filter-menu-modal .wrap.ohidden,
#zetModal .wrap.ohidden {
  overflow: hidden;
  bottom: 0;
}

#zetModal.filter-menu-modal .wrap.ohidden+.buttons {
  display: none;
}

#zetModal .modal-body.modal-is-iframe .modal-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 52px;
  z-index: 2;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

#zetModal .modal-body.modal-is-iframe .modal-content:after {
  content: "";
  position: absolute;
  left: 25%;
  top: 13px;
  height: 26px;
  width: 50%;
  background: #eee;
  z-index: 2;
}

/* IOS SPECIFIC FIXES */
body.device-ios #zetModal .wrap {
  max-height: calc(85dvh - 52px);
}

body.device-ios #zetModal.filter-menu-modal .wrap {
  padding-bottom: 68px;
}

body.device-ios #zetModal.filter-menu-modal .wrap {
  max-height: calc(85dvh - 120px);
  margin-bottom: 68px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0));
}



/* FLASH MESSAGE & ERROR MESSAGES */
#flashbox {
  display: block;
  z-index: 8;
  position: relative;
  width: 100%;
  clear: both;
}

#flashbox .wrap {
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 6;
  width: auto;
  display: flex;
  flex-direction: column;
}

#flashbox .wrap2 {
  display: flex;
  flex-direction: column;
  max-width: 540px;
  padding: 0 16px;
  align-items: flex-start;
}

#flashbox .flashmessage,
#error_list li,
.upload-photos .flashmessage,
.problem,
.flashmessage {
  font-weight: normal;
  position: relative;
  margin: 0 0 6px 0;
  display: block;
  width: auto;
  min-width: 200px;
  font-size: 14px;
  color: #fff;
  background: #131825;
  padding: 12px 50px 12px 12px;
  border-radius: 2px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.35);
  border: none;
  border-left: 6px solid #999;
}

#flashbox .flashmessage,
#error_list li a,
.upload-photos .flashmessage,
.problem a,
.flashmessage a {
  color: #f0f0f0;
  text-decoration: underline;
}

#flashbox .flashmessage,
#error_list li a:hover,
.upload-photos .flashmessage,
.problem a:hover,
.flashmessage a:hover {
  color: #fff;
  text-decoration: none;
}

#flashbox .flashmessage .btn.ico-close,
.upload-photos .flashmessage .close {
  border: none;
  padding: 0px;
  border-radius: 0;
  border-left: 1px solid var(--mb-color3);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: transparent;
  position: absolute;
  top: 7px;
  right: 6px;
  box-shadow: none;
  color: transparent;
}

#flashbox .flashmessage .btn.ico-close:after,
.upload-photos .flashmessage .close:after {
  transition: 0.2s;
  content: "\f00d";
  color: #f2f2f2;
  font-weight: 900;
  line-height: 31px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "Font Awesome 5 Free";
  border-radius: 0 2px 2px 0;
}

#flashbox .flashmessage .btn.ico-close:hover:after,
.upload-photos .flashmessage .close:hover:after {
  background: rgba(255, 255, 255, 0.1);
}

#error_list li,
.upload-photos .flashmessage,
.flashmessage.flashmessage-error {
  border-color: #e72b2b !important;
}

.flashmessage.flashmessage-ok {
  border-color: #11c55c !important;
}

.flashmessage.flashmessage-warning,
.problem {
  border-color: #fdc20f !important;
}

.flashmessage.flashmessage-info {
  border-color: #4b39e9 !important;
}

#flashbox .flashmessage {
  padding-left: 54px;
  border: none !important;
  border-radius: 3px;
}

#flashbox .flashmessage:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #008f79;
  width: 42px;
  height: 100%;
  border-radius: 3px 0 0 3px;
  z-index: 2;
}

#flashbox .flashmessage.flashmessage-error:before {
  background: #e72b2b;
}

#flashbox .flashmessage.flashmessage-ok:before {
  background: #008f79;
}

#flashbox .flashmessage.flashmessage-warning:before {
  background: #fdc20f;
}

#flashbox .flashmessage.flashmessage-info:before {
  background: #008f79;
}

#flashbox .flashmessage:after {
  position: absolute;
  content: "\f058";
  z-index: 3;
  font-weight: 900;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 24px;
  left: 6px;
  top: 6px;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  color: #fff;
}

#flashbox .flashmessage.flashmessage-error:after {
  content: "\f057";
  color: #870000;
}

#flashbox .flashmessage.flashmessage-ok:after {
  content: "\f058";
  color: #fff;
}

#flashbox .flashmessage.flashmessage-warning:after {
  content: "\f06a";
  color: #8d6a00;
}

#flashbox .flashmessage.flashmessage-info:after {
  content: "\f05a";
  color: #fff;
}

@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* Contenitore a zero altezza per non spostare il sito */
#flashbox {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 99999;
  display: block;
  pointer-events: none;
}

/* Il box del messaggio vero e proprio */
#flashbox .wrap {
  position: fixed !important;
  top: 30% !important;
  /* Posizionato in alto al 10% */
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* Centrato orizzontalmente */

  /* GESTIONE LARGHEZZA RESPONSIVE */
  width: 90% !important;
  /* Mobile: occupa il 90% dello schermo */
  max-width: 540px !important;
  /* Desktop: si ferma a 540px */

  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Assicura che il contenuto interno sia centrato */
  pointer-events: none;
  animation: fadeOutAnimation 1s ease-out 9s forwards;
}

/* Forza il contenuto interno a riempire lo spazio */
#flashbox .wrap2 {
  width: 100% !important;
  align-items: center;
}

/* Applicazione animazione e click */
#flashbox .flashmessage {
  width: 100% !important;
  /* Il messaggio occupa tutto lo spazio del contenitore */
  box-sizing: border-box;
  /* Include il padding nel calcolo della larghezza */
  animation: fadeOutAnimation 1s ease-out 9s forwards;
  pointer-events: auto;
  /* Riabilita il click sul messaggio */
}

/* Pausa animazione al passaggio del mouse */
#flashbox .flashmessage:hover {
  animation-play-state: paused;
}

#error_list {
  display: block;
  margin: 0 0 20px 0;
}

#error_list:empty {
  display: none;
}

#error_list li {
  padding: 8px 10px;
  margin: 0 0 6px 0;
  border-radius: 2px;
  max-width: 100%;
  min-width: initial;
}

#error_list li label {
  font-weight: normal;
}

.upload-photos .flashmessage {
  margin: 16px 0 0 0;
}

.empty {
  display: inline-block;
  padding: 24px 16px;
  width: 100%;
  margin: 10px 0 20px 0;
  text-align: center;
  border-radius: 6px;
  background: #e4e4e4;
  color: var(--mb-color7);
}


/* UNIFY INPUTS FROM OTHER PLUGINS */
.mo-show input[type="text"],
.mo-show select,
.mo-show textarea,
.mo-two input[type="text"],
body #im-create-thread-form #im-message,
body #im-create-thread-form .im-input,
body #im-message,
body .im-input {
  border: 1px solid transparent;
  background: #f4f4f4;
  border-color: rgb(224, 224, 224);
  border-radius: 4px;
  color: var(--mb-color2);
}




/* CHROME SCROLL BARS */
.nice-scroll-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.nice-scroll,
.ns {
  scrollbar-width: inherit;
  scrollbar-color: #717e8f 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;
  margin-top: -50px;
  display: none;
  position: absolute;
  border-radius: 100px;
  left: 0;
  top: 50%;
  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: #fff;
  transition: 0.2s;
  cursor: pointer;
  width: 36px;
  padding: 5px 0;
  height: 36px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  line-height: 26px;
  font-size: 20px;
}

.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 3px 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;
  -ms-overflow-style: none;
}

.nice-scroll.no-visible-scroll::-webkit-scrollbar,
.no-visible-scroll::-webkit-scrollbar {
  display: none;
}

#item-forms::-webkit-scrollbar {
  box-shadow: none;
  width: 8px;
  background: rgba(0, 0, 0, 0.05);
}

#item-forms::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.3);
  background-clip: initial;
  box-shadow: none;
}

#item-forms::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

/* CUSTOM INPUT BOX AND CHECKBOX */
.input-box {
  width: 100%;
  display: inline-block;
  margin: 0 0 30px 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: flex;
  flex-direction: column;
  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;
  padding: 2px 0 0 27px !important;
  line-height: 16px;
  font-size: 14px;
  width: auto;
  font-weight: normal;
}

.input-box-check label:hover {
  text-decoration: underline;
}

.input-box-check label:before {
  cursor: pointer;
  content: "";
  width: 18px;
  height: 18px;
  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: 2px;
  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: 1px;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: transparent;
  font-size: 14px;
  width: 18px;
  height: 18px;
  line-height: 19px;
  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;
}


/* 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;
}

/* DEFAULT */
a {
  color: var(--mb-color2, #2c2c2c);
  text-decoration: none;
  transition: 0.2s;
}

a:hover {
  text-decoration: underline;
  color: #000;
}

input,
select,
textarea {
  transition: 0.2s;
  border: 1px solid transparent;
  border-color: #ccc;
  border-radius: 4px;
  font-size: 16px;
  padding: 9px 8px;
  outline: 0;
  font-family: inherit;
  color: var(--mb-color2, #2c2c2c);
  border-radius: 4px;
}

input[type="file"] {
  background: #f4f4f4;
  padding: 8px;
  height: auto;
}

input:hover,
select:hover,
textarea:hover {
  border-bottom-color: var(--mb-color5);
  background: #f8f8f8;
}

!input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
  border-bottom-color: var(--mb-color-primary);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.2);
}

input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
  background: #f8f8f8;
  transition: none;
  outline: 1px solid #008f79;
  ;
  outline-offset: -2px;
}

!input:disabled,
select:disabled,
textarea:disabled,
.enter.disable input#price,
.enter.disable select#currency {
  border-bottom-color: #a3a3a3;
  box-shadow: none;
  background: #eaeaea;
  color: #777;
}

input:disabled,
select:disabled,
textarea:disabled,
.enter.disable input#price,
.enter.disable select#currency {
  box-shadow: none;
  -webkit-text-fill-color: #c6c6c6;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e0e0e0;
  color: #c6c6c6;
  cursor: not-allowed;
  outline: 2px solid transparent;
  outline-offset: -2px;
}

input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="number"]:read-only,
input[type="url"]:read-only,
textarea:read-only {
  -webkit-text-fill-color: var(--mb-color7);
  background-color: #f4f4f4;
  border-bottom: 1px solid transparent;
  color: var(--mb-color7);
  cursor: not-allowed;
  outline: 2px solid transparent;
  outline-offset: -2px;
}

input,
select {
  height: 46px;
}

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: 5px;
}

input[type=file]::file-selector-button {
  margin-right: 12px;
  border: none;
  background: var(--mb-color-secondary);
  padding: 8px 10px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: var(--mb-color-secondary-hover);
}

textarea {
  min-height: 40px;
  font-family: inherit;
}

input.error:not(:focus),
select.error:not(:focus),
textarea.error:not(:focus) {
  border-color: #e72b2b;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
  border-color: #e72b2b !important;
  outline-color: #e72b2b !important;
}

select {
  padding: 0 8px;
}

select.mini {
  padding: 0 6px;
  font-size: 14px;
  height: 32px;
}

input.mini {
  padding: 5px 6px;
  font-size: 14px;
  height: 32px;
}

body {
  color: var(--mb-color2, #2c2c2c);
  padding-top: 48px;
  font-family: var(--mb-font-family);
  font-size: 14px;
  line-height: 1.5;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  background: #fff;
}

body#search,
body#item {
  padding-top: 104px;
}

.container {
  max-width: 1150px;
  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;
  transition: 0.2s;
}

.btn,
.btn-primary {
  line-height: 18px;
  transition: 0.2s;
  color: #fff;
  background: #008f79;
  position: relative;
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  height: 36px;
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.btn:focus,
.btn-primary:focus,
.btn:active,
.btn-primary:active {
  box-shadow: 0 0 0 2px #d0d0d0;
}

.btn:hover,
.btn-primary:hover {
  background: #007b65;
  color: #fff;
  text-decoration: none;
}

.btn-secondary {
  background: var(--mb-color-secondary);
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary.active {
  background: var(--mb-color-secondary-hover);
  color: #fff;
}

.btn-white {
  color: var(--mb-color2, #2c2c2c);
  border-color: #c0c0c0;
  background: #fff;
  box-shadow: none;
  font-weight: 600;
}

.btn-white:hover {
  border-color: #e0e0e0;
  background: #fff;
  color: #000;
}

.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 i {
  margin-right: 3px;
}

.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.65;
}

.btn.loading>* {
  opacity: 0.1;
}

.btn.loading:after {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  content: "";
  background: transparent url('../images/input-loader.webp') no-repeat center center;
  width: 24px;
  height: 24px;
  background-size: 100%;
}

section,
div.content {
  display: block;
  width: 100%;
}

#debug-mode {
  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;
}

h1 {
  font-size: 28px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  font-size: 22px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  font-size: 18px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  font-size: 16px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  font-size: 15px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  font-size: 14px;
  color: var(--mb-color2, #2c2c2c);
  font-weight: 400;
  line-height: 1.2;
}

.row {
  display: block;
  width: 100%;
}

.req {
  color: #e90303;
  font-weight: bold;
}

a.toggle-pass {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #aaa;
}

a.toggle-pass i {
  line-height: 30px;
}

a.toggle-pass:hover {
  color: #333;
}



/* CHROME BROWSER FIX WITH BLURY LAYOUT */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

  .simple-select,
  .picker {
    -webkit-filter: blur(0.000001px);
  }
}

/* SAFARI MAKE SURE NO BLUR */
@media not all and (max-height: 899px) and (min-resolution:.1dpi) {

  .simple-select,
  .picker {
    -webkit-filter: none;
  }
}



/* RESPONSIVE - MOBILE LAYOUT */
@media screen and (min-width: 1151px) {

  .isMobile:not(.isDesktop),
  .isTablet:not(.isDesktop) {
    display: none !important;
  }
}


@media screen and (max-width: 1150px) {
  .upload-photos .qq-upload-delete {
    display: block;
    opacity: 1;
    bottom: 6px;
    top: auto;
    z-index: 3;
  }

  #public-side-banner {
    width: 180px;
    top: 60px;
    height: 650px;
    padding: 10px;
  }

  #public-main {
    width: calc(100% - 194px);
  }

  #public #meet-seller .wrap .info2 {
    width: 160px;
  }

  #public #meet-seller .wrap .info1 {
    width: calc(100% - 160px);
  }

}

@media screen and (min-width: 768px) {
  #zetModal .wrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {

  .isDesktop:not(.isTablet),
  .isMobile:not(.isTablet) {
    display: none !important;
  }

  .simple-prod {
    width: calc(33.33% - 4px);
  }

  .simple-prod.medium {
    width: calc(25% - 4px);
  }

  .items-box .item .description {
    height: 41px;
  }

  #item-image.fewimg[data-count="2"] .swiper-wrapper {
    justify-content: unset;
  }

  #item-image[data-count="2"] .img-bg {
    display: none;
  }

  #item-image li {
    padding-top: calc(var(--mb-gallery-padding, 75%) / 2);
  }

}

@media screen and (min-width: 541px) and (max-width: 1150px) {
  .blog-box {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

  .blog-box>a:nth-child(1n+4) {
    display: flex;
  }

  .blog-box>a:nth-child(1n+5) {
    display: none;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {

  bodu #bpr-seller.bpr-block .bpr-comp,
  #bpr-seller .bpr-comp {
    width: calc(25% - 16px) !important;
  }
}

@media screen and (min-width: 541px) and (max-width: 1024px) {
  #search-alert {
    width: 100%;
    margin-bottom: 15px;
  }

  #search-alert .open-alert-box {
    float: left;
  }

  #search-quick-bar .view-type {
    margin-left: 0;
  }

  #search-quick-bar .view-type a {
    margin-left: 0;
    margin-right: 2px;
  }

  #search-quick-bar .sort-type {
    margin-left: auto;
  }

  #item-main .details>.elem {
    width: calc(50% - 4px);
  }

  #item-hook table tr,
  .custom-fields .field,
  .job-detail>div,
  #item-hook .realestate-details .list-other-attributes li {
    width: calc(50% - 8px);
  }

}


@media screen and (max-width: 1024px) {
  .pre-account .content {
    padding: 16px 0;
  }

  .pre-account:not(.has-footer) footer,
  .item-publish footer {
    padding: 10px 0;
    overflow: hidden;
  }

  footer section.two span {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: -5px;
    font-size: 12px;
    color: #777;
  }

  footer .col {
    flex: 1 1 50%;
    padding-bottom: 15px;
  }

  footer .col:nth-child(even) {
    padding-right: 0;
  }

  footer section.two {
    margin-bottom: 0;
  }

  header .links .btn.noicon {
    display: none;
  }

  .item-publish .tip {
    width: 150px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
    left: calc(100% - 8px);
  }

  body #fi_list_items.fi_user_menu .fi_item {
    width: 31.33%;
  }

  body #fi_user_new_list .fi_new_name {
    width: 100%;
    margin: 0 0 8px 0;
  }

  body #fi_user_new_list .fi_check.first,
  body #fi_user_new_list .fi_check {
    width: auto;
    padding: 0 25px 0 0;
  }

  #search-items .products.grid .simple-prod,
  .products.grid .simple-prod {
    width: calc(33.33% - 8px);
  }

  .products#premium-items .simple-prod {
    margin: 0 4px 12px 4px;
  }
}


@media screen and (max-width: 767px) {
  .pre-account>.content>section.container:after {
    display: none;
  }

  #debug-mode {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    bottom: auto;
    left: auto;
    z-index: 1;
  }

  .im-threads-exist {
    margin-top: 20px;
  }

  #zetModal .wrap {
    max-height: calc(85dvh - 52px);
  }

  #zetModal.filter-menu-modal .wrap {
    padding-bottom: 68px;
  }

  !body.device-ios #zetModal.filter-menu-modal .wrap {
    max-height: calc(85vh - 120px);
    margin-bottom: 68px;
    padding-bottom: 10px;
  }

  #item-image.fewimg .swiper-wrapper {
    justify-content: unset;
  }

  footer,
  footer .col.contact .txt {
    font-size: 14px;
  }

  #public #meet-seller .wrap .info1,
  #public #meet-seller .wrap .info2 {
    width: 100%;
  }

  body#public #breadcrumbs {
    display: none;
  }

  body#public #meet-seller {
    margin-top: 0;
  }

  #public #meet-seller .wrap {
    padding: 0;
  }

  #public #meet-seller .wrap img.uimg {
    position: relative;
    top: auto;
    left: auto;
  }

  #public #share {
    position: relative;
    top: auto;
    left: auto;
    justify-content: flex-start;
    width: 100%;
    order: 8;
    margin: 10px 0 2px 0;
  }

  #public .master-button {
    margin-bottom: 16px;
  }

  #public #meet-seller .wrap .info1 {
    order: 3;
  }

  #public #meet-seller .wrap .info2 {
    order: 7;
  }

  #public #meet-seller .wrap .info1 .line-rating,
  #public-side-banner {
    display: none;
  }

  #public #meet-seller .img-wrap {
    padding: 18px 8px 20px 90px;
    margin: 0 -16px 10px -16px;
    display: flex;
    flex-direction: column;
    width: calc(100% + 32px);
    background: #f0f0f0;
    height: 80px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 0px 0 1px rgba(0, 0, 0, 0.06);
  }

  #public #meet-seller .img-wrap>strong {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 4px 0;
  }

  #public #meet-seller .wrap img.uimg {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0px;
    top: 8px;
  }

  #public h1 {
    display: none;
  }

  #public .show-rating.show-stars .ur-rate>span:before {
    font-size: 16px;
  }

  #public .show-rating.show-stars .ur-rate>span {
    width: 18px;
  }


  #flashbox .wrap {
    top: 72px;
  }

  #item-main .details2 .item-mob-desc.shorten {
    height: 160px;
    position: relative;
    overflow: hidden;
  }

  #item-main .details2 .item-mob-desc.shorten:after {
    z-index: 2;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
  }

  #item-main .details2 .item-mob-desc a.desc-show-more {
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: var(--mb-color-secondary);
    text-decoration: none;
    padding: 4px 8px 2px 2px;
    background: #fff;
    box-shadow: 0 0 5px #fff, 0 0 14px #fff, 0 0 20px #fff;
  }

  #item-main .details2 .item-mob-desc:not(.shorten) a.desc-show-more {
    display: none;
  }

  #item-image li {
    padding-top: var(--mb-gallery-padding, 75%);
  }

  #item-main .props.style {
    padding: 0;
    margin: 4px 0 10px 0;
    border: none;
  }

  #item-main .props>h2 {
    display: none;
  }

  #item-hook table,
  .custom-fields,
  #item-hook .list-other-attributes {
    margin: 0 0 8px 0;
  }

  #item-main #item-hook h2,
  #item-main #item-hook h3,
  #item-main #item-hook h4 {
    font-size: 15px;
    font-weight: bold;
    color: var(--mb-color4);
  }

  #item-hook table tr,
  .custom-fields .field,
  .job-detail>div,
  #item-hook .realestate-details .list-other-attributes li {
    padding: 0;
  }

  #item-hook table tr:after,
  .custom-fields .field:after,
  .job-detail>div:after,
  #item-hook .realestate-details .list-other-attributes li:after {
    display: none;
  }

  #item-hook .car-details,
  .custom-fields,
  .job-detail,
  #item-hook .realestate-details {
    position: relative;
    padding-left: 34px;
  }

  #item-hook .car-details:after,
  .custom-fields:after,
  #item-hook .job-detail:after,
  #item-hook .realestate-details:after {
    color: var(--mb-color9);
    font-family: "Font Awesome 5 Free";
    content: "\f249";
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    background: transparent;
    border-radius: 0;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
  }

  #item-hook .job-detail:after {
    content: "\f1ea";
  }

  #item-hook .realestate-details:after {
    content: "\f1ad";
  }

  #item-hook .car-details:after {
    content: "\f1e3";
  }

  #item-main .details>.elem {
    width: 100%;
  }

  #side-menu .box .section a,
  #search-items .list-empty {
    font-size: 14px;
  }

  #search-items .list-empty {
    margin: 16px 0;
  }

  #side-menu .box.location .row.current {
    font-size: 14px;
  }

  body#home>.content>section.home-favorite {
    padding-bottom: 0;
  }

  #zetModal .modal-close {
    display: block;
  }

  #zetModal .modal-close-alt {
    display: none;
  }

  #search-alert.pos-top {
    display: none;
  }

  #search-alert.pos-mid {
    width: auto;
    margin: 0 auto 0 10px;
  }

  #search-alert.pos-mid .open-alert-box {
    background: transparent;
    border: none;
    padding: 6px 0;
    height: 36px;
    width: 36px;
    justify-content: center;
  }

  #search-alert.pos-mid .open-alert-box i.fa-bell {
    margin: 0;
    font-size: 20px;
    color: var(--mb-color6);
    line-height: 24px;
  }

  #search-alert.pos-mid .open-alert-box span {
    display: none;
  }

  #search-main .hdesc {
    margin-bottom: 6px;
  }

  body#home>.content>section#home-search-box {
    display: none;
  }

  .simple-prod .top-wrap {
    padding-left: 38px;
  }

  .simple-prod .price {
    letter-spacing: -0.3px;
  }

  #users-list .user .img .online.off {
    display: block;
  }

  footer section.two {
    margin-top: 8px;
  }

  body#home>.content>section,
  body#home>.content>section.home-premium {
    padding: 20px 0;
  }

  body#home>.content>section.home-cat {
    order: 5;
    padding: 20px 0 15px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
  }

  body#home>.content>section.home-location {
    padding: 16px 0 0 0;
    width: 100%;
    margin: 0 0 8px 0;
    border-radius: 0;
    box-shadow: none;
  }

  body#home>.content>section.home-premium {
    order: 6;
  }

  body#home>.content>section.home-action {
    order: 7;
    padding-top: 45px;
  }

  body#home .home-link-all-wrap {
    margin: 16px 0 5px 0;
  }

  .blog-box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0px;
    width: 100%;
    margin: 6px 0;
  }

  .blog-box>a {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
  }

  .blog-box>a:hover {
    box-shadow: none;
  }

  .blog-box>a:last-child {
    border-bottom: none;
  }

  .blog-box>a .read {
    opacity: 1;
    margin: auto 0 0 0;
  }

  .blog-box>a>img {
    width: 110px;
    height: 100px;
  }

  .blog-box>a h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
  }

  #recent-ads.onhome .simple-prod {
    width: 200px;
  }

  body#home .home-cat h2 {
    margin: 0;
  }

  .home-cat h2>strong {
    font-size: 24px;
  }

  .home-cat h2>span {
    font-size: 15px;
    line-height: 16px;
  }

  body#home h2.spec {
    font-size: 22px;
  }

  body#home h2.spec>span {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
  }

  ul.breadcrumb li:last-child {
    margin-right: 10px;
  }

  #rel-block,
  #recent-ads {
    margin: 16px 0 8px 0;
  }

  body#item .container.primary {
    padding-bottom: 12px;
  }

  #rel-block~#recent-ads {
    margin-top: 0;
  }

  #recent-ads.onhome {
    margin: 0;
  }

  body#home h2 {
    margin-bottom: 8px;
  }

  body form#im-create-thread-form {
    width: 100%;
    margin: 0;
  }

  body .oc-chat.oc-closed {
    left: 10px;
    bottom: 55px;
    width: 46px;
    height: 46px;
    min-height: 46px;
    right: auto;
  }

  body .oc-chat.oc-closed .oc-global-head {
    width: 46px;
    height: 46px;
  }

  body .oc-chat.oc-closed .oc-global-head span:not(.oc-alt):before {
    width: 46px;
    height: 46px;
    line-height: 48px;
    font-size: 20px;
  }

  body .oc-chat {
    left: 10px;
    bottom: 55px;
    right: auto;
    z-index: 3;
  }

  #search-premium-items {
    border-top: none;
    background: var(--mb-color-secondary-lighter);
    margin: 0 -16px;
    padding: 12px 16px 10px 16px;
  }

  #search-premium-items h2 {
    margin-bottom: 2px;
  }

  #search-premium-items .products {
    background: transparent;
    border-radius: 0;
    margin: 0 -8px;
    width: calc(100% + 16px);
  }

  #search-premium-items .simple-prod {
    width: 180px;
    height: 230px;
  }

  #filter-line .filter-list,
  #home-cat,
  #search-cat .cat-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  #filter-line .filter-list::-webkit-scrollbar,
  #home-cat::-webkit-scrollbar,
  #search-cat .cat-list::-webkit-scrollbar {
    display: none;
  }

  .home-cat .nice-scroll-prev,
  .home-cat .nice-scroll-next {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    padding: 0;
  }

  .home-cat .nice-scroll-prev .icon,
  .home-cat .nice-scroll-next .icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }

  #filters-remove {
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 12px;
  }

  #home-cat {
    grid-auto-columns: 140px;
  }

  #filter-line {
    position: sticky;
    top: 60px;
    z-index: 5;
    background: #fff;
    padding: 7px 16px 5px 16px;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }

  #search-main>div#search-cat {
    order: 5;
    margin-bottom: 6px;
  }

  #search-cat h2 {
    display: none;
  }

  .products.list .simple-prod .img-wrap {
    width: 128px;
    height: 100px;
    margin: 0 12px 0 0;
  }

  .products.list .simple-prod .data {
    width: calc(100% - 140px);
  }

  .products.list .simple-prod .info .dat,
  .products.list .simple-prod .info {
    font-size: 12px;
    line-height: 14px;
  }

  .products.list .simple-prod .title {
    font-size: 15px;
    line-height: 18px;
    max-height: 37px;
    min-height: 19px;
    padding: 0;
    max-width: calc(100% - 36px);
  }

  .products.list .simple-prod .description,
  .products.list .simple-prod .extra {}

  .products.list .simple-prod .info a.cat {
    display: none;
  }

  .products.list .simple-prod .info a {}

  .products.list .simple-prod .info a:after {
    margin-left: 6px;
  }

  .products.list .simple-prod .price.standalone {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
  }

  .products.list .simple-prod .favorite-block1 {
    top: 22px;
  }

  .products.list .simple-prod .top-wrap {
    bottom: 0;
  }

  .simple-prod .price {
    font-size: 17px;
  }

  body#item .oc-chat.oc-closed,
  body#item .oc-chat {
    bottom: 102px;
  }

  #side-menu .box.filter .row.checkboxes {
    margin-top: 3px;
    display: inline-block;
    width: 100%;
  }

  #side-menu .filter-menu .price .line {
    margin-bottom: 3px;
  }

  #scroll-to-top {
    right: 10px;
  }

  #scroll-to-top:hover {
    height: 36px;
  }

  .products#location-items .simple-prod {
    width: 180px;
    margin: 0 0 6px 0;
  }

  #search-items #recent-ads .products .simple-prod,
  #search-items #recent-ads .products.grid .simple-prod {
    width: 180px;
    margin: 0;
  }

  body#home .simple-prod .img-wrap .favorite,
  .products#latest-items .simple-prod .img-wrap .user-image {
    display: block;
  }

  .picker.pattern .results {
    max-height: 280px;
  }

  #home-cat::-webkit-scrollbar {
    display: none;
  }

  .picker.location input[type="text"]:focus,
  #side-menu .input-box input:focus,
  #def-location .input-box input:focus {
    text-decoration: none;
  }

  body#home>.content {
    padding-top: 0;
  }

  #flashbox .flashmessage:last-child {
    margin-bottom: 16px;
  }

  #epsModal .modal-close {
    display: block;
  }

  #epsModal .modal-close-alt {
    display: none;
  }

  .picker.location .results {
    max-height: 280px;
  }

  #side-menu .picker.location .results {
    max-height: 260px;
  }

  #side-menu .picker.location .results a.option {
    padding: 8px 12px;
    font-size: 14px;
  }

  .pre-account:not(.has-footer) footer,
  .pre-account footer,
  .item-publish footer {
    height: auto;
  }

  .item-publish .content {
    padding: 16px 0;
  }

  header .links .btn-white:not(.isMobile) {
    display: none;
  }

  .home-action .actions {
    flex-wrap: wrap;
  }

  .home-action .actions a {
    width: calc(33.33% - 12px);
    margin: 6px;
    padding: 10px 6px;
  }

  .home-action .actions a span {
    font-size: 14px;
    line-height: 16px;
    height: 33px;
  }

  .home-action .actions a i,
  .home-action .actions a svg {
    margin-bottom: 6px;
  }

  footer {
    padding: 20px 0;
  }

  section.promo {
    padding: 8px 0;
  }

  section.promo .btn,
  section.promo .container {
    line-height: 16px;
  }

  section.promo .btn {
    height: 36px;
  }

  body {
    padding-top: 60px;
    padding-bottom: 48px;
  }

  body#search,
  body#item {
    padding-top: 60px;
  }

  header {
    height: 60px;
  }

  .pre-account:not(.has-footer) .content,
  .item-publish .content {
    min-height: calc(100vh - 168px);
  }

  header .links1 {
    display: none;
  }

  header .links {
    display: none;
  }

  header .links .btn {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  header .csearch-init {
    display: none;
    flex: 1;
    position: relative;
    margin: 0 8px 0 0;
  }

  header .logo.square {
    display: none;
  }

  body#home header .logo.square,
  body#search header .logo.square {
    display: block;
  }

  html[mode="light"] body#home header .logo.square.dark,
  html[mode="light"] body#search header .logo.square.dark {
    display: none;
  }

  html[mode="dark"] body#home header .logo.square.light,
  html[mode="dark"] body#search header .logo.square.light {
    display: none;
  }

  body#home header .csearch-init,
  body#search header .csearch-init {
    display: block;
  }

  body#search #header-search,
  body#item #header-search {
    display: none;
  }

  header .csearch-init svg.icon,
  header .csearch svg.icon {
    display: none;
    z-index: 2;
    position: absolute;
    left: 12px;
    top: calc(50% - 10px);
    font-size: 16px;
    width: 20px;
    height: 20px;
    padding: 1px;
    text-align: center;
    line-height: 30px;
    color: #acacac;
    fill: #acacac;
  }

  header .csearch-init input[type="text"],
  header .csearch input.pattern {
    display: none;
    height: 46px;
    width: 100%;
    padding: 12px 12px 12px 42px;
    font-size: 16px;
    color: var(--mb-color5);
    border: none;
    line-height: 22px;
    background: #f0f1f1;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
  }

  header .csearch-init input[type="text"]::placeholder,
  header .csearch input.pattern::placeholder {
    color: var(--mb-color9);
  }

  header .menu-links {
    margin-left: auto;
    height: 40px;
    display: flex;
    align-items: center;
  }

  body#item header {
    margin: 0;
  }

  body#item header .menu-links {
    margin-left: 0;
    margin-right: 0;
  }

  body#item header .container {
    justify-content: space-between;
  }

  header a.menu,
  header a.account,
  header a.back,
  header a.action {
    color: var(--mb-color5);
    text-align: center;
    height: 40px;
    width: 40px;
    padding: 6px 0;
  }

  header a.menu svg,
  header a.account svg,
  header a.back svg,
  header a.action svg {
    width: auto;
    height: 28px;
    fill: var(--mb-color5);
    padding: 1px;
    margin: 0;
  }

  header a.account svg {
    padding: 4px;
    fill: var(--mb-color6);
  }

  header a.back svg {
    padding: 3px;
  }

  header a.back {
    margin: 0 40px 0 0;
  }

  header .logo.square img {
    display: none;
    height: 36px;
    width: auto;
    max-width: 40px;
  }

  body:not(#item) header .logo.normal {
    flex: 1;
  }

  body#item header .logo {
    margin: 0 2%;
  }

  header .logo.normal img {
    height: 44px;
    width: auto;
    max-width: 180px;
  }

  #latest-search {
    margin-top: 8px;
    padding-top: 16px;
  }

  #recent-ads.onsearch {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0px;
  }

  body#search .container.primary {
    padding-bottom: 16px;
  }

  #search-quick-bar {
    margin: 12px 0;
  }

  body#home h2 .nobtn {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  #home-cat {
    grid-gap: 2px;
  }

  body#home h2 .btn {
    margin-top: 10px;
  }

  .simple-prod {
    width: calc(50% - 4px);
  }

  .simple-prod.medium {
    width: calc(33% - 4px);
  }

  .products#premium-items {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .products#premium-items .simple-prod.o1 {
    width: 250px;
  }

  .products#premium-items .simple-prod:not(.o1) {
    width: 190px;
  }

  .products#premium-items .simple-prod .img-wrap {
    height: 180px;
  }

  #user-menu {
    display: none;
  }

  #user-main {
    width: 100%;
  }

  #user-dashboard .card-box {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
  }

  .body-ua .container.primary {
    margin: 0 0 16px 0;
  }

  #user-dashboard .card-box {
    margin: 10px 0;
  }

  #user-main .headers {
    margin-bottom: 20px;
  }

  .items-box .item .description {
    display: none;
  }

  .items-box .item .top {
    max-height: 32px;
    overflow: hidden;
  }

  .items-box .item .title {
    max-height: 40px;
    overflow: hidden;
    margin-top: 0;
  }

  .items-box .item .buttons a.delete {
    margin-left: 0;
  }

  .profile-box .right-block {
    min-width: 200px;
  }

  body #fi_list_items.fi_user_menu .fi_item {
    width: 48%;
  }

  body #fi_user_lists {
    overflow-x: auto;
  }

  body #fi_user_lists .fi_list {
    min-width: 480px;
  }

  body #bpr-seller.bpr-block .bpr-comp,
  #bpr-seller .bpr-comp {
    width: calc(33.33% - 16px) !important;
  }

  #search-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  #search-main>div {
    order: 10;
  }

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

  #search-cat .cat-list {
    padding-bottom: 4px;
  }

  #alert-form .text,
  #alert-form .response {
    font-size: 14px;
  }

  .modal-box.alert-box-search .modal-content,
  .modal-box.report-box .modal-content {
    display: flex;
    align-items: center;
  }

  .filter-menu #search-button svg,
  .filter-menu #search-button i {
    display: none;
  }

  .products.list .simple-prod .right .favorite>a:not(.is_favorite) {
    display: block;
  }

  .products#favorite-items .simple-prod {
    width: 50%;
  }

  .products.grid.with-border,
  .products.grid.with-border-mobile {
    border-top: 1px solid #e4e4e4;
    width: calc(100% + 32px) !important;
    margin: 0 -16px !important;
    padding: 0;
  }

  .products.grid.with-border .simple-prod,
  .products.grid.with-border-mobile .simple-prod {
    border: none;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0;
    margin: 0;
    width: 50% !important;
  }

  .products.grid.with-border .simple-prod:first-child,
  .products.grid.with-border .simple-prod:last-child {
    border-radius: 0;
  }

  .products.grid.with-border .simple-prod:nth-child(odd),
  .products.grid.with-border-mobile .simple-prod:nth-child(odd) {
    padding-left: 4px;
  }

  .products.grid.with-border .simple-prod:nth-child(even),
  .products.grid.with-border-mobile .simple-prod:nth-child(even) {
    border-right: none;
    padding-right: 4px;
  }

  body#item .data-box {
    flex-direction: column;
  }

  #item-main {
    width: 100%;
    margin: 0 0 20px 0;
  }

  #item-side {
    display: none;
  }

  #item-image .swiper-button:hover,
  .nice-scroll-next:hover,
  .nice-scroll-prev:hover {
    transform: scale(1);
  }

  .products#latest-items .simple-prod {
    width: calc(50% - 4px);
  }

  .simple-prod .img-wrap>a img {
    border-radius: 3px;
  }

  .products.grid.with-border+#latest-search,
  .products.grid.with-border-mobile+#latest-search {
    border-top: none;
    margin-top: 16px;
    padding-top: 0;
  }

  .products.grid.with-border+#recent-ads,
  .products.grid.with-border-mobile+#recent-ads {
    border-top: none;
    margin-top: 16px;
    padding-top: 0;
  }

  #breadcrumbs {
    margin: 12px 0 8px 0;
    position: relative;
  }

  body#item #breadcrumbs {
    display: none;
  }

  #breadcrumbs:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 10px;
    height: 100%;
    background: linear-gradient(-90deg, transparent 0%, #fff 75%);
    z-index: 2;
  }

  #breadcrumbs:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 10px;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, #fff 75%);
    z-index: 2;
  }

  #breadcrumbs .bread-text {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    position: relative;
    padding: 0 10px;
    margin: 0 -10px;
    width: calc(100% + 20px);
  }

  #breadcrumbs .bread-text::-webkit-scrollbar {
    display: none;
  }

  #breadcrumbs ul.breadcrumb {
    margin: 0;
  }

  .navlinks {
    display: none;
  }

  body#public .container.primary {
    flex-direction: column;
  }

  #public-main {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #showcase-box {
    display: none;
    padding: 10px;
    height: auto;
  }

  #showcase-box .container {
    height: auto;
    display: inline-block;
    padding: 0;
  }

  #showcase-box .container>a {
    margin-bottom: 4px;
  }

  #showcase-box .switch-color {
    width: 100%;
    margin: 8px 0 0 0;
  }

  #showcase-box .switch-color .lab {
    text-align: left;
    margin: 0 10px 0 0;
  }

  !#showcase-box .switch-color {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }

  !#showcase-box .switch-color a:first-child {
    margin-left: 0;
  }

  body.demo {
    padding-bottom: 42px;
  }

  #meet-seller .wrap {
    padding-left: 88px;
    flex-direction: column;
    align-items: stretch;
  }

  #meet-seller .wrap img.uimg {
    width: 76px;
    height: 76px;
  }

  #meet-seller .wrap .info1 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 12px;
  }

  #meet-seller .wrap .info2 {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #meet-seller .wrap .info2 a.btn {
    width: auto;
    margin: 0 6px 6px 0;
  }

  #item-image {
    margin: 0 -16px 16px -16px;
    width: calc(100% + 32px);
    border-radius: 0;
  }

  #item-main .basic h1,
  #item-main .basic .mo-make-offer-price {
    margin-bottom: 8px;
  }

  #item-main .details {
    margin: 4px 0 6px 0;
  }

  #item-main .description {
    padding-bottom: 30px;
    margin: 0;
    padding: 0;
    border: none;
  }

  #meet-seller {
    padding-bottom: 12px;
    margin-bottom: 14px;
  }

  #item-image .img-bg {
    display: none;
  }

  #item-image.noimg .img-bg {
    display: block;
    border-radius: 0;
  }

  #item-image.noimg .img-bg>img,
  #item-image.noimg .img-bg>.img-overlay {
    border-radius: 0;
  }

  #item-hook table tr,
  .custom-fields .field,
  .job-detail>div,
  #item-hook .realestate-details .list-other-attributes li {
    width: calc(50% - 6px);
    margin: 0 6px 6px 0;
    padding-bottom: 6px;
    border-bottom: 1px dashed #eee;
  }

  #item-main #location-hook {
    margin: 12px 0 0 0;
  }

  .pre-account:not(.has-footer) .content,
  .item-publish .content {
    background: #fff;
  }

  .pre-account .box {
    box-shadow: none;
    padding: 4px 8px;
    border-radius: 0;
  }

  .pre-account h1 {
    font-size: 28px;
    letter-spacing: -0.8px;
  }

  .item-publish .category select {
    width: 100%;
    margin-right: 0;
  }

  body.item-publish>.content>.container {
    padding: 0;
  }

  .item-publish h1 {
    display: none;
  }

  .item-publish .box section:not(.buttons-block).about {
    box-shadow: none;
    margin-bottom: 4px;
  }

  .item-publish .box section.upload-photos h2 {
    padding-top: 6px;
  }

  .item-publish .box section.buttons-block {
    padding: 0 16px 12px 16px;
    margin: 0;
  }

  #alert-items .simple-prod {
    margin-bottom: 0;
  }

  .alerts-box {
    margin: 0;
  }

  .alerts-box .alert {
    margin: 0 -16px 16px -16px;
    width: calc(100% + 32px);
    border: none;
    border-radius: 0;
    box-shadow: 0 -6px 0 0 #fff, 0 2px 8px rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  }

  .alerts-box .alert:last-child {
    box-shadow: none;
    margin-bottom: 0px;
  }

  #user-dashboard .card {
    padding: 12px;
  }

  #user-dashboard .card .icon {
    margin-top: 4px;
  }

  body.pre-account {
    background: #fff;
  }

  .pre-account#contact .box {
    margin-bottom: 10px;
  }

  .profile-box form.profile>.wrap {
    flex-direction: column;
  }

  .profile-box .left-block {
    width: 100%;
  }

  .profile-box .right-block {
    padding: 0;
    width: 100%;
    margin-top: 24px;
    border: none;
  }

  .profile-box.prim .row.user-buttons {
    margin: 4px 0 0 0;
  }

  .profile-box {
    margin-bottom: 24px;
  }

  .profile-box:last-child {
    margin-bottom: 12px;
  }

  .profile-box.alt {
    padding-top: 20px;
    border-top: 2px dotted #ccc;
  }

  .profile-box textarea {
    height: 120px;
  }
}


@media screen and (max-width: 540px) {
  .upload-photos .qq-upload-list {
    grid-template-columns: 1fr 1fr;
  }

  .item-publish .row.phone,
  .item-publish .row.user-email,
  .item-publish .row.country,
  .item-publish .row.region,
  .item-publish .row.city {
    padding-right: 0;
    width: 100%;
    max-width: 100%;
  }

  .item-publish .row.country+.row.region,
  .item-publish .row.country+.row.region+.row.city {
    width: 100%;
  }

  .item-publish .row.zip {
    width: 80px;
  }

  .item-publish .row.address {
    width: 100%;
  }

  .simple-prod.medium {
    width: calc(50% - 4px);
  }

  .items-box .item .image {
    width: 140px;
    height: 120px;
    margin-right: 14px;
  }

  .items-box .item .body {
    width: calc(100% - 154px);
    height: auto;
    padding: 0;
  }

  .items-box .item .top {
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    scrollbar-width: none;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 4px;
  }

  .items-box .item .top::-webkit-scrollbar {
    display: none;
  }

  .items-box .item .price {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    max-width: 100%;
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: bold;
  }

  .items-box .item .title {
    font-size: 18px;
    margin-bottom: 4px;
    color: var(--mb-color4);
  }

  .alerts-box .head-row {
    flex-direction: column;
  }

  .alerts-box .head-row .btn {
    margin: 16px 0 4px 0;
    width: 100%;
    padding: 8px;
    font-size: 15px;
    height: auto;
  }

  .profile-box form.profile>.wrap {
    flex-direction: column;
  }

  .profile-box .left-block {
    padding-right: 0;
  }

  .profile-box .right-block {
    min-width: initial;
    max-width: initial;
    width: 100%;
    background: transparent;
    padding: 0;
    margin: 10px 0 0 0;
    position: relative;
    top: auto;
  }

  .profile-box.prim .row.user-buttons {
    flex-direction: column;
  }

  .profile-box.prim .row.user-buttons .btn-secondary {
    margin-left: 0;
    margin-top: 12px;
  }

  .profile-box input,
  .profile-box select,
  .profile-box textarea {
    max-width: 100%;
  }

  .blog-box>a:nth-child(1n+4),
  .blog-box>a:nth-child(1n+5) {
    display: flex;
  }

  #p404 .errbox {
    width: 250px;
  }

  .errbox .number {
    font-size: 7.5rem;
  }

  .errbox .illustration {
    width: 6.1rem;
    margin: 0 1.05rem;
  }

  .errbox .circle {
    width: 6.1rem;
    height: 5.7rem;
  }

  .errbox .clip {
    bottom: 0.15rem;
    width: 6.25rem;
    height: 6.5rem;
  }

  .errbox .paper {
    bottom: -0.15rem;
    width: 4.6rem;
    height: 6.2rem;
    border-width: 0.15rem;
    border-radius: 0.4rem;
  }

  .errbox .paper:before {
    top: -0.25rem;
    right: -0.325rem;
    width: 0.7rem;
    height: 0.5rem;
    border-bottom-width: 0.15rem;
  }

  .errbox .face {
    margin-top: 1.15rem;
  }

  .errbox .eyes {
    left: 1.2rem;
    width: 2.3rem;
    height: 0.4rem;
  }

  .errbox .eye {
    width: 0.4rem;
    height: 0.4rem;
  }

  .errbox .rosyCheeks {
    top: 0.8rem;
    width: 0.5rem;
    height: 0.1rem;
    left: 0.7rem;
  }

  .errbox .rosyCheeks-right {
    right: 0.7rem;
    left: auto;
  }

  .errbox .mouth {
    top: 1.55rem;
    width: 0.8rem;
    height: 0.1rem;
    border-radius: 0.05rem;
  }

  @keyframes eye {
    0% {
      height: 0.4rem;
    }

    50% {
      height: 0.4rem;
    }

    52% {
      height: 0.05rem;
    }

    54% {
      height: 0.4rem;
    }

    100% {
      height: 0.4rem;
    }
  }

  #item-main .description .desc-parts {
    align-items: flex-start;
    flex-direction: column;
  }

  #item-main .location {
    margin: 16px 0 0 0;
    padding: 0;
    border: none;
    top: auto;
    position: relative;
    min-width: 0;
    width: 100%;
  }
}


@media screen and (max-width: 490px) {

  body #bpr-seller.bpr-block .bpr-comp,
  #bpr-seller .bpr-comp {
    width: calc(50% - 16px) !important;
  }

  #search-items .products.grid .simple-prod,
  .products.grid .simple-prod {
    width: calc(50% - 2px);
    margin-left: 1px;
    margin-right: 1px;
  }

  #item-sticky-box .btn {
    margin-left: 16px;
  }
}


@media screen and (max-width: 430px) {
  #home-cat[data-cols="4"] {
    grid-auto-columns: calc(25% - 2px);
    margin: 0 -10px;
    max-width: calc(100% + 20px);
    width: calc(100% + 20px);
    overflow: hidden;
  }

  #home-cat[data-cols="4"] a {
    width: 100%;
  }
}


@media screen and (max-width: 430px) {
  header .links .publish:not(.mini) {
    display: none;
  }

  header .links .publish.mini {
    display: inline-block;
    width: 36px;
    padding: 7px 4px;
    margin-left: 10px;
  }

  header .links .publish.mini svg {
    vertical-align: 0;
    margin: 0;
    height: 20px;
  }

  .items-box .item .image {
    width: 110px;
    height: 100px;
    margin-right: 10px;
  }

  .items-box .item .body {
    width: calc(100% - 120px);
  }

  .simple-prod .right .price {
    display: none;
  }

  .products.list .simple-prod .price.standalone {
    display: block;
  }

  .products.list .simple-prod .top-wrap {
    display: none;
  }

  .products.list .simple-prod .info a.cit+.reg {}

  .products.list .simple-prod .info a:after {
    display: none;
  }

  .qr-code {
    margin: 4px 0 18px 6px;
  }

  #home-cat {
    grid-auto-columns: 145px;
    grid-gap: 12px;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% + 16px);
    max-width: calc(100% + 16px);
  }

  #home-cat a.cat-card {
    width: 100%;
    padding: 0;
  }

  #home-cat a.cat-card h3 span {
    font-size: 13px;
    line-height: 14px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px; /* Altezza per 2 righe */
    word-break: break-word; /* Forza il break se proprio non entra, ma prioritizza lo spazio */
    hyphens: none;
  }
}


@media screen and (max-width: 370px) {
  #item-main .details>.elem {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #item-image .mlink.report-button span {
    display: none;
  }

  #item-image .mlink.report-button i {
    margin: 0;
  }

  .home-action .actions a {
    width: calc(50% - 12px);
  }

  #user-dashboard .card-box {
    grid-template-columns: repeat(1, 1fr);
  }

  div[id^="anr_captcha_field_"],
  div.g-recaptcha,
  #item-forms div.g-recaptcha {
    max-width: 250px;
    height: 60px;
  }

  div[id^="anr_captcha_field_"]>div,
  div.g-recaptcha>div {
    transform: scale(0.75);
    transform-origin: 0 0;
  }

  #comments .rating>span,
  .show-rating.show-stars>span {
    display: none;
  }

  #item-sticky-box .btn-regular+.btn-regular+.btn-regular+.btn-regular {
    display: none;
  }
}




/* RTL - RIGHT TO LEFT */
html[dir="rtl"],
html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] #flashbox .wrap {
  right: 0;
  left: auto;
}

html[dir="rtl"] #flashbox .flashmessage:before {
  right: 0;
  left: auto;
  border-radius: 0 3px 3px 0;
}

html[dir="rtl"] #flashbox .flashmessage:after {
  right: 5px;
  left: auto;
}

html[dir="rtl"] #flashbox .flashmessage,
html[dir="rtl"] #error_list li,
html[dir="rtl"] .upload-photos .flashmessage,
html[dir="rtl"] .problem,
html[dir="rtl"] .flashmessage {
  padding-left: 50px;
  padding-right: 12px;
}

html[dir="rtl"] #flashbox .flashmessage {
  padding-right: 54px;
}

html[dir="rtl"] #flashbox .flashmessage .btn.ico-close,
html[dir="rtl"] .upload-photos .flashmessage .close {
  left: 6px;
  right: auto;
  border-left: none;
  border-right: 1px solid var(--mb-color3);
}

html[dir="rtl"][mode="dark"] #flashbox .flashmessage .btn.ico-close,
html[dir="rtl"][mode="dark"] .upload-photos .flashmessage .close {
  border-color: var(--mb-color10);
}

html[dir="rtl"] header .logo {
  margin-left: 20px;
  margin-right: 0;
}

html[dir="rtl"] header .links {
  margin-right: auto;
  margin-left: 0;
}

html[dir="rtl"] header .links .publish {
  margin: 0 10px 0 2px;
}

html[dir="rtl"] header .links a.mini-btn .counter {
  left: 5px;
  right: auto;
}

html[dir="rtl"] header .links a.account img {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] header .my-account-menu a {
  float: right;
}

html[dir="rtl"] header .my-account-menu a i,
html[dir="rtl"] header .my-account-menu a svg {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] #main-search .tabs a {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] #main-search .tabs a .label {
  left: -3px;
  right: auto;
}

html[dir="rtl"] #main-search .tabs a i {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] #main-search .tab-data {
  border-radius: 5px 0 5px 5px;
}

html[dir="rtl"] #main-search .tab-data .input-box.location+.simple-radius .text:before {
  right: -1px;
  left: auto;
}

html[dir="rtl"] #main-search .tab-data .input-box.simple-select .text>svg,
html[dir="rtl"] .simple-select .text .caret {
  left: 8px;
  right: auto;
}

html[dir="rtl"] .picker .icon,
html[dir="rtl"] .has-icon .icon,
html[dir="rtl"] .input-box .icon-curr {
  right: 6px;
  left: auto;
}

html[dir="rtl"] #main-search .has-icon input[type="text"],
html[dir="rtl"] #main-search .has-icon input[type="number"],
html[dir="rtl"] #main-search .has-icon select {
  padding-right: 40px;
  padding-left: 8px;
}

html[dir="rtl"] .picker.has-icon input[type="text"],
html[dir="rtl"] .has-icon input[type="text"] {
  padding-right: 42px;
  padding-left: 8px;
}

html[dir="rtl"] .simple-select .text {
  padding-right: 10px;
  padding-left: 30px;
}

html[dir="rtl"] #main-search .tab-data .input-box.simple-select .text {
  padding-right: 10px;
  padding-left: 32px;
}

html[dir="rtl"] .simple-select .option,
html[dir="rtl"] .simple-list .link-check-box>a {
  padding-left: 10px;
  padding-right: 34px;
}

html[dir="rtl"] .simple-select .option:before,
html[dir="rtl"] .simple-list .link-check-box>a:before {
  left: auto;
  right: 12px;
}

html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box input[type="text"],
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box input[type="number"],
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box select,
html[dir="rtl"] #main-search .tab-data input[type="hidden"]+.input-box .text {
  border-radius: 0 5px 5px 0;
}

html[dir="rtl"] #main-search .latest-search a {
  margin: 0 4px 0 0;
}

html[dir="rtl"] #main-search .latest-search strong {
  margin: 0 0 0 2px;
}

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"] .simple-select .option.info,
html[dir="rtl"] .simple-select .option.nonclickable {
  padding-left: 10px;
  padding-right: 10px;
}

html[dir="rtl"] .picker.location .option>span,
html[dir="rtl"] .option.standalone>span {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] .picker.v2 .option,
html[dir="rtl"] .option.standalone {
  padding-left: 16px;
  padding-right: 40px;
}

html[dir="rtl"] .option.standalone svg {
  right: 17px;
  left: auto;
}

html[dir="rtl"] .picker.v2 .patterns a:after,
html[dir="rtl"] .picker.v2 .default .recent.locations a:after {
  margin-left: 0;
  margin-right: 1px;
}

html[dir="rtl"] .picker.v2 .results a:after {
  right: 16px;
  left: auto;
}

html[dir="rtl"] .picker.v2 .locations a:after {
  margin-left: 0;
  margin-right: 2px;
}

html[dir="rtl"] #main-search .tab-data .input-box {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}

html[dir="rtl"] #main-search .tab-data .input-box.location:has(+ .simple-radius) {
  border-left-color: transparent;
}

html[dir="rtl"] .simple-prod .top-wrap {
  padding-left: 0;
  padding-right: 44px;
}

html[dir="rtl"] .simple-prod .top-wrap .dt i {
  margin-left: 1px;
  margin-right: 0;
}

html[dir="rtl"] .simple-prod .favorite em {
  margin-left: 0;
  margin-right: -5px;
}

html[dir="rtl"] .simple-prod .top-wrap .user-image {
  right: 0;
  left: auto;
}

html[dir="rtl"] .simple-prod .top-wrap .user-image .business {
  left: -3px;
  right: auto;
}

html[dir="rtl"] body#home h2 .nobtn i {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1 em {
  left: -2px;
  right: auto;
}

html[dir="rtl"] .simple-prod .favorite a {
  margin-left: 0;
  margin-right: -6px;
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1 a {
  margin: 0;
}

html[dir="rtl"] .simple-prod .favorite,
html[dir="rtl"] #item-main .favorite {
  left: 8px;
  right: auto;
}

html[dir="rtl"] .simple-prod .favorite-block1>.favorite {
  left: auto;
}

html[dir="rtl"] .products.grid.style2 .simple-prod .favorite-block1,
html[dir="rtl"] .products.grid.style1 .simple-prod .favorite-block1 {
  left: 12px;
  right: auto;
}

html[dir="rtl"] .simple-prod .marks {
  right: 3px;
  left: auto;
}

html[dir="rtl"] .blog-box>a>img {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] .products.grid.style3 .simple-prod .top-wrap {
  padding-left: 28px;
  padding-right: 44px;
}

html[dir="rtl"] .simple-prod .extra>span:after {
  margin: 0 6px 0 2px;
}

html[dir="rtl"] .products.grid.style3 .simple-prod .favorite-block1 {
  left: 8px;
  right: auto;
}

html[dir="rtl"] footer .col {
  padding-right: 0;
  padding-left: 25px;
}

html[dir="rtl"] footer .social a i,
html[dir="rtl"] footer .social a svg {
  float: right;
  margin-left: 7px;
  margin-right: 0;
}

html[dir="rtl"] footer a.switch-ld1>svg {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] footer section.two a {
  margin-left: 15px;
  margin-right: 0;
}

html[dir="rtl"] footer a.lang img {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] footer .col.contact .txt {
  padding-right: 0;
  padding-left: 16px;
}

html[dir="rtl"] footer .col.app .app-button {
  padding: 9px 16px;
}

html[dir="rtl"] .picker .clean {
  left: 6px;
  right: auto;
}

html[dir="rtl"] .picker.location.loading:after,
html[dir="rtl"] .picker.pattern.loading:after,
html[dir="rtl"] .picker.pattern.mobile.loading>.input-box:after,
html[dir="rtl"] .picker.category.loading:after {
  left: 7px;
  right: auto;
}

html[dir="rtl"] header .csearch button {
  margin-right: 8px;
  margin-left: 0;
}

html[dir="rtl"] #side-menu .section.lead>a img {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] #side-menu .close {
  left: 16px;
  right: auto;
}

html[dir="rtl"] #side-menu .section a .counter {
  left: 16px;
  right: auto;
}

html[dir="rtl"] #side-menu .section a,
html[dir="rtl"] #def-location a {
  padding-right: 60px;
  padding-left: 16px;
}

html[dir="rtl"] #side-menu .section a svg,
html[dir="rtl"] #def-location a.svg,
html[dir="rtl"] #side-menu .menu-hooks a>i,
html[dir="rtl"] #side-menu .menu-hooks a:before {
  right: 16px;
  left: auto;
}

html[dir="rtl"] #side-menu .section a .indicator {
  left: 16px;
  right: auto;
  transform: scaleX(-1);
}

html[dir="rtl"] #side-menu a.lang img {
  float: right;
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] #side-menu .box .nav .back {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] #side-menu .box .nav .back svg,
html[dir="rtl"] #side-menu .box .nav .back i {
  transform: scaleX(-1);
}

html[dir="rtl"] #side-menu .section.lead>a {
  padding: 0;
}

html[dir="rtl"] #side-menu .box .section a,
html[dir="rtl"] #def-location .section a {
  padding-right: 16px;
}

html[dir="rtl"] #side-menu .box.location .input-box input,
html[dir="rtl"] #def-location .input-box input {
  padding-right: 42px;
  padding-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] .picker .clean {
  right: 6px;
  left: auto;
}

html[dir="rtl"] #side-menu .navigator a.locate-me,
html[dir="rtl"] #def-location .navigator a.locate-me,
html[dir="rtl"] .navigator a.locate-me {
  padding-right: 58px;
}

html[dir="rtl"] #side-menu .box .section .recent a,
html[dir="rtl"] #side-menu .box .section .popular a,
html[dir="rtl"] #def-location .recent a,
html[dir="rtl"] #def-location .popular a {
  padding-right: 40px;
  padding-left: 16px;
}

html[dir="rtl"] #side-menu .box .section .recent a:after,
html[dir="rtl"] #def-location .recent a:after,
html[dir="rtl"] #side-menu .box .section .popular a:after,
html[dir="rtl"] #def-location .popular a:after {
  right: 16px;
  left: auto;
  margin-right: 1px;
  margin-left: 0;
}

html[dir="rtl"] #side-menu .input-box svg,
html[dir="rtl"] #def-location .input-box svg {
  right: 8px;
  left: auto;
}

html[dir="rtl"] input[type=file]::file-selector-button {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] a.toggle-pass {
  right: auto;
  left: 8px;
}

html[dir="rtl"] .input-box-check label {
  padding-left: 0 !important;
  padding-right: 27px !important;
  float: right;
}

html[dir="rtl"] .input-box-check label:before,
html[dir="rtl"] .input-box-check label:after {
  right: 0;
  left: auto;
}

html[dir="rtl"] #side-menu .navigator a.locate-me svg,
html[dir="rtl"] #def-location .navigator a.locate-me svg,
html[dir="rtl"] .navigator a.locate-me svg {
  right: 16px;
  left: auto;
}

html[dir="rtl"] #zetModal .modal-close-alt {
  left: -50px;
  right: auto;
}

html[dir="rtl"] .item-publish .category select {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .item-publish select#currency {
  right: 5px;
  left: auto;
  border-left: 1px solid #ccc;
  border-right: none;
}

html[dir="rtl"] .item-publish .selection a i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"] {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"] {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"],
html[dir="rtl"] #plugin-hook input[type="radio"] {
  float: right;
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] #mo-check.styled .input-box-check label {
  padding-right: 24px !important;
  padding-left: 0 !important;
  float: right;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"]+label,
html[dir="rtl"] #plugin-hook input[type="radio"]+label {
  float: right !important;
}

html[dir="rtl"] #plugin-hook input[type="checkbox"]+label {
  text-align: right;
}

html[dir="rtl"] ul.tabbernav li a {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #plugin-hook #power,
html[dir="rtl"] #plugin-hook #power_unit {
  float: revert;
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] .item-publish .row.address {
  float: right;
  padding-left: 16px;
  padding-right: 0;
}

html[dir="rtl"] .item-publish .row.name,
html[dir="rtl"] #user-dashboard .headers {
  padding-right: 82px;
  padding-left: 0;
}

html[dir="rtl"] .item-publish .img-container,
html[dir="rtl"] .body-ua .img-container {
  right: 0;
  left: auto;
}

html[dir="rtl"] .item-publish input#price {
  padding-right: 94px;
  padding-left: 8px;
}

html[dir="rtl"] .item-publish .status-wrap .transaction {
  padding-left: 12px;
  padding-right: 0;
  float: right;
}

html[dir="rtl"] .item-publish .status-wrap .condition {
  float: right;
}

html[dir="rtl"] .upload-photos .qq-upload-delete {
  left: 5px;
  right: auto;
}

html[dir="rtl"] .item-publish .selection a {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] #user-dashboard .card .icon .count {
  left: -6px;
  right: auto;
}

html[dir="rtl"] #user-menu {
  margin-right: -10px;
  margin-left: 0;
}

html[dir="rtl"] #user-menu a.public .ext {
  left: 7px;
  right: auto;
  transform: scaleX(-1);
}

html[dir="rtl"] #user-menu a {
  border-left: none;
  border-right: 3px solid transparent;
}

html[dir="rtl"] #user-menu a.active {
  border-color: var(--mb-color-primary);
}

html[dir="rtl"] #user-menu a.has-counter {
  padding-right: 8px;
  padding-left: 30px;
}

html[dir="rtl"] #user-menu a .counter,
html[dir="rtl"] #user-menu a .im-user-account-count {
  left: 5px;
  right: auto;
}

html[dir="rtl"] .items-box .item .image {
  margin-left: 16px;
  margin-right: 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 .price {
  left: 0;
  right: auto;
}

html[dir="rtl"] .items-box .item .top {
  padding-left: 130px;
  padding-right: 0;
}

html[dir="rtl"] .alerts-box .head-row .btn {
  margin-left: 0;
  margin-right: 12px;
}

html[dir="rtl"] .profile-box .profile-img .btn {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .profile-box .right-block {
  border-right: 1px solid #ddd;
  border-left: none;
  padding-left: 0;
  padding-right: 24px;
}

html[dir="rtl"] #user-loc .navigator a.locate-me {
  padding-right: 58px;
  padding-left: 10px;
}

html[dir="rtl"] #meet-seller h2>span,
html[dir="rtl"] #public h1>span {
  padding-right: 0;
  padding-left: 10px;
}

html[dir="rtl"] .show-rating.show-stars>span {
  margin-right: 3px;
  margin-left: 0;
}

html[dir="rtl"] #meet-seller .wrap .info1 {
  padding-left: 16px;
  padding-right: 0;
}

html[dir="rtl"] #meet-seller .wrap {
  padding-left: 0;
  padding-right: 120px;
}

html[dir="rtl"] #public #meet-seller .wrap {
  padding-left: 0;
  padding-right: 140px;
}

html[dir="rtl"] #meet-seller .wrap img.uimg {
  right: 0;
  left: auto;
}

html[dir="rtl"] .btn i {
  margin-left: 3px;
  margin-right: 0;
}

html[dir="rtl"] #meet-seller .elements>* {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] .products.list .simple-prod .top-wrap {
  padding-left: 0;
  padding-right: 34px;
  left: 0;
  right: auto;
}

html[dir="rtl"] .products.list .simple-prod .top-wrap .user-image .online {
  left: 1px;
  right: auto;
}

html[dir="rtl"] .products.list .simple-prod .info a {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .products.list .simple-prod .info a:after {
  margin-right: 10px;
  margin-left: 2px;
  float: left;
}

html[dir="rtl"] .products.list .simple-prod .description {
  padding-right: 0;
  padding-left: 40px;
}

html[dir="rtl"] .products.list .simple-prod .favorite-block1 {
  left: 0;
  right: auto;
}

html[dir="rtl"] .products.list .simple-prod .img-wrap {
  margin-left: 16px;
  margin-right: 0;
}

html[dir="rtl"] #meet-seller a.phone {
  margin-left: 6px;
  margin-right: 0;
  float: right;
}

html[dir="rtl"] #public #share {
  right: 0;
  left: auto;
}

html[dir="rtl"] #meet-seller .address i {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #public .master-button i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #filters-remove a.remove-all i {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] #header-search .pattern input[type="text"] {
  padding-right: 44px;
  padding-left: 12px;
  border-radius: 0 5px 5px 0;
}

html[dir="rtl"] #header-search .location input[type="text"] {
  padding-right: 44px;
  padding-left: 12px;
}

html[dir="rtl"] #header-search .btns {
  border-radius: 5px 0 0 5px;
  padding-right: 10px;
  padding-left: 4px;
}

html[dir="rtl"] #search-alert .open-alert-box i.fa-bell,
html[dir="rtl"] #filter-line .filter-list>a svg {
  margin-left: 7px;
  margin-right: 0;
}

html[dir="rtl"] #search-cat .cat-list a {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] #search-cat .cat-list a.serv {
  margin-left: -1px;
  margin-right: 0;
}

html[dir="rtl"] #search-cat .cat-list a.serv:not(:has(+ .serv)) {
  border-radius: 5px 0 0 5px;
}

html[dir="rtl"] #search-cat .cat-list a.all {
  border-radius: 0 5px 5px 0;
  margin-right: 0;
  margin-left: -1px;
}

html[dir="rtl"] #filter-line .counter {
  left: -2px;
  right: auto;
}

html[dir="rtl"] #filter-line .simple-select .text>.caret {
  left: 10px;
  right: auto;
}

html[dir="rtl"] #filter-line .simple-select .text {
  padding-right: 14px;
  padding-left: 28px;
}

html[dir="rtl"] .simple-select .list.inputs .swrap .del2,
html[dir="rtl"] #filter-line .del {
  margin-left: 12px;
  margin-right: 6px;
}

html[dir="rtl"] .simple-select .list {
  right: 0;
  left: auto;
}

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 {
  padding-left: 30px;
  padding-right: 8px;
}

html[dir="rtl"] #filters-remove a:after {
  left: 4px;
  right: auto;
}

html[dir="rtl"] #filters-remove a.remove-all {
  padding-left: 10px;
}

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"] .products.list .simple-prod .info .business {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] #search-premium-items .simple-prod {
  margin-left: 1px;
  margin-right: 0;
  box-shadow: -1px 0 0 0 #ddd;
}

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"] #filter-line .simple-select .text>.caret,
html[dir="rtl"] #search-quick-bar .simple-sort .text>.caret {
  margin-left: 2px;
  margin-right: 8px;
}

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"] #latest-search a {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

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 .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 i,
html[dir="rtl"] .cat-box .cat-one a img,
html[dir="rtl"] .cat-box .cat-one a svg,
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-one a.has-subcat:after,
html[dir="rtl"] .cat-box .cat-one a.all-cat i {
  right: auto;
  left: 12px;
  transform: scaleX(-1);
}

html[dir="rtl"] #zetModal .head .subbox-close {
  right: 15px;
  left: auto;
}

html[dir="rtl"] #zetModal .head .subbox-close svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .cat-box .cat-foot .btn.close-category-box {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .ssfrm .price .input-box-check label {
  padding-left: 0 !important;
  padding-right: 18px !important;
}

html[dir="rtl"] #search-alert .open-alert-box .active-badge {
  right: 21px;
  left: auto;
}

html[dir="rtl"] #filter-line .simple-select.simple-location .results .lead {
  float: right;
}

html[dir="rtl"] #filter-line .simple-select.simple-location .results .option {
  padding-left: 10px;
  padding-right: 34px;
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker .icon {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker .clean {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] .simple-select .list.inputs.spec .swrap .picker.location.loading:after {
  margin-left: 7px;
  margin-right: 0;
}

html[dir="rtl"] #alert-form .inputs input[name="alert_email"] {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] #zetModal .modal-close,
html[dir="rtl"] #zetModal .head .subbox-close {
  left: 15px;
  right: auto;
}

html[dir="rtl"] #item-image .mlink,
html[dir="rtl"] #item-image .mlinkw>a {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="rtl"] #item-image .mlinks {
  left: 16px;
  right: auto;
}

html[dir="rtl"] #item-image .mlink i,
html[dir="rtl"] #item-image .mlink svg,
html[dir="rtl"] #item-image .mlinkw>a i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #seller .line1 .img .online {
  left: 1px;
  right: auto;
}

html[dir="rtl"] #seller .line3 .phone i {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] #seller .line1 .img,
html[dir="rtl"] #item-card .img,
html[dir="rtl"] #item-main .details2>.elem>svg {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] #item-main .details>.elem svg {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .qr-code {
  float: left;
  margin: 4px 16px 20px 0;
  border-radius: 3px 3px 3px 0;
}

html[dir="rtl"] .qr-code>strong {
  left: -1px;
  right: auto;
}

html[dir="rtl"] i.fa-external-link-alt {
  transform: scaleX(-1);
}

html[dir="rtl"] .comment-rating-selected {
  margin-right: 5px;
  margin-left: 0;
}

html[dir="rtl"] #item-main .basic .label:last-child {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] #item-main .basic .label {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}

html[dir="rtl"] #item-main .details>.elem {
  margin-left: 4px;
  margin-right: 0;
}

html[dir="rtl"] #shortcuts a {
  margin-left: 16px;
  margin-right: 0;
}

html[dir="rtl"] #shortcuts .item-share a {
  margin-left: 0px;
  margin-right: 8px;
}

html[dir="rtl"] #shortcuts .item-share {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .navlinks a {
  margin-left: 0;
  margin-right: 1px;
  display: inline-block;
}

html[dir="rtl"] .navlinks a i {
  transform: scaleX(-1);
}

html[dir="rtl"] #item-main .details2>.elem>div>div+a {
  float: right;
}

html[dir="rtl"] #item-sticky-box .btn-regular:not(:first-child) {
  border-left: none;
  border-right: 1px solid #e8e8e8;
}

html[dir="rtl"] #comments .data .remove {
  left: 10px;
  right: auto;
}

html[dir="rtl"] #comments .rating>span {
  margin-left: 0;
  margin-right: 5px;
}

html[dir="rtl"] #comments .author {
  padding-right: 38px;
  padding-left: 0;
}

html[dir="rtl"] #comments .author .img {
  right: 0;
  left: auto;
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #comments .data .remove i {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] #comment-replies,
html[dir="rtl"] #comment-replies+.comment-reply-row {
  padding-left: 0;
  padding-right: 24px;
}

html[dir="rtl"] #item-hook table tr,
html[dir="rtl"] .custom-fields .field,
html[dir="rtl"] .job-detail>div,
html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
  margin-left: 8px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 34px;
}

html[dir="rtl"] #item-hook table tr:after,
html[dir="rtl"] .custom-fields .field:after,
html[dir="rtl"] .job-detail>div:after,
html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li:after {
  right: 0;
  left: auto;
}

html[dir="rtl"] .simple-prod .top-wrap .user-image .online {
  left: 2px;
  right: auto;
}

html[dir="rtl"] section.promo .btn {
  margin-left: 0;
  margin-right: 20px;
}

html[dir="rtl"] footer section.two span {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] body #fi_user_new_list .fi_check.first,
html[dir="rtl"] body #fi_user_new_list .fi_check {
  float: right;
}

html[dir="rtl"] .bpr-prof textarea {
  float: right;
}

html[dir="rtl"] body .im-threads .im-table-row.im-unread {
  border-left: none;
  border-right: 3px solid #4182c3;
  padding-left: 0;
  padding-right: 10px;
}

html[dir="rtl"] body .im-threads .im-title.im-recipient a {
  float: none;
}

html[dir="rtl"] body .im-block .im-table-row .im-col-22 {
  padding-right: 8px;
}

html[dir="rtl"] #search-cat .cat-list a .count {
  left: -3px;
  right: auto;
}

html[dir="rtl"] .products.list .simple-prod .info .dat {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] header .container.alt>.img {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] #item-sticky-box .btn {
  margin-left: 0;
  margin-right: 24px;
}

html[dir="rtl"] #item-image .swiper-button.swiper-next {
  left: 10px;
  right: auto;
}

html[dir="rtl"] #item-image .swiper-button.swiper-prev {
  right: 10px;
  left: auto;
}

html[dir="rtl"] #item-image .swiper-button.swiper-next .icon,
html[dir="rtl"] #item-image .swiper-button.swiper-prev .icon {
  transform: scaleX(-1);
}

html[dir="rtl"] #item-sticky-box .btn-regular.btn-chat:after {
  right: calc(50% + 5px);
  left: auto
}

html[dir="rtl"] .simple-prod.st-sold .simple-wrap:before {
  right: 5px;
  left: auto;
}

html[dir="rtl"] #user-dashboard.body-ua .img-container {
  right: 3px;
  left: auto;
}

html[dir="rtl"] #main-search h1 {
  text-shadow: none;
}

html[dir="rtl"] #showcase-box .container>a {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] #showcase-box .switch-color .lab {
  margin-left: 8px;
  margin-right: 10px;
  text-align: left;
}

html[dir="rtl"] #showcase-box .switch-color {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] #search-premium-items .simple-prod:has(+ .simple-prod.placeholder) {
  margin-left: 12px;
  margin-right: 0;
}

html[dir="rtl"] .simple-prod.placeholder,
html[dir="rtl"] #search-premium-items .simple-prod.placeholder {
  margin: 0 auto 0 0;
}

html[dir="rtl"] #header-search .simple-radius .text:before {
  right: 0;
  left: auto;
}

html[dir="rtl"] .lg-outer {
  text-align: right;
}


@media screen and (max-width: 767px) {
  html[dir="rtl"] header .csearch-init {
    margin-left: 8px;
    margin-right: 0;
  }

  html[dir="rtl"] header .csearch-init input[type="text"],
  html[dir="rtl"] header .csearch input.pattern {
    padding-left: 12px;
    padding-right: 42px;
  }

  html[dir="rtl"] header .csearch-init svg.icon,
  html[dir="rtl"] header .csearch svg.icon {
    right: 12px;
    left: auto;
  }

  html[dir="rtl"] header .container.alt a.back,
  html[dir="rtl"] header .container.alt a.action {
    margin-right: 0;
    margin-left: 8px;
  }

  html[dir="rtl"] header a.back svg {
    transform: scaleX(-1);
  }

  html[dir="rtl"] header a.back {
    margin-left: 40px;
    margin-right: 0;
  }

  html[dir="rtl"] header .menu-links {
    margin-right: auto;
    margin-left: 0;
  }

  html[dir="rtl"] .item-publish .category select {
    margin-left: 0px;
    margin-right: 0;
  }

  html[dir="rtl"] .items-box .item .image {
    margin-left: 12px;
  }

  html[dir="rtl"] .items-box .item .body {
    width: calc(100% - 150px);
  }

  html[dir="rtl"] #public #meet-seller .wrap {
    padding: 0;
  }

  html[dir="rtl"] #public #meet-seller .img-wrap {
    padding-left: 8px;
    padding-right: 90px;
  }

  html[dir="rtl"] #public #meet-seller .wrap img.uimg {
    right: 0;
    left: auto;
  }

  html[dir="rtl"] #meet-seller .wrap .info1 {
    padding-left: 0;
    width: 100%;
  }

  html[dir="rtl"] #meet-seller .wrap .info2 {
    width: 100%;
  }

  html[dir="rtl"] #meet-seller .wrap .info2 a.btn {
    margin-right: 0;
    margin-left: 6px;
  }

  html[dir="rtl"] #item-main .details2 .item-mob-desc a.desc-show-more {
    padding-left: 8px;
    padding-right: 2px;
    right: 0;
    left: auto;
  }

  html[dir="rtl"] #meet-seller .wrap {
    padding-right: 88px;
  }

  html[dir="rtl"] #item-hook .car-details,
  html[dir="rtl"] .custom-fields,
  html[dir="rtl"] .job-detail,
  html[dir="rtl"] #item-hook .realestate-details {
    padding-left: 0;
    padding-right: 34px;
  }

  html[dir="rtl"] #item-hook .car-details:after,
  html[dir="rtl"] .custom-fields:after,
  html[dir="rtl"] #item-hook .job-detail:after,
  html[dir="rtl"] #item-hook .realestate-details:after {
    right: 0;
    left: auto;
  }

  html[dir="rtl"] #item-hook table tr,
  html[dir="rtl"] .custom-fields .field,
  html[dir="rtl"] .job-detail>div,
  html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
    margin-left: 6px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  html[dir="rtl"] .products.grid.with-border .simple-prod,
  html[dir="rtl"] .products.grid.with-border-mobile .simple-prod {
    border-left: 1px solid #e4e4e4;
    border-right: none;
  }

  html[dir="rtl"] .products.grid.with-border .simple-prod:nth-child(even),
  html[dir="rtl"] .products.grid.with-border-mobile .simple-prod:nth-child(even) {
    border-left: none;
  }

  html[dir="rtl"] #search-alert.pos-mid .open-alert-box i.fa-bell {
    margin: 0;
  }

  html[dir="rtl"] #item-hook table tr,
  html[dir="rtl"] .custom-fields .field,
  html[dir="rtl"] .job-detail>div,
  html[dir="rtl"] #item-hook .realestate-details .list-other-attributes li {
    margin-left: 6px;
    margin-right: 0;
  }

  html[dir="rtl"] {}

  html[dir="rtl"] {}

}


@media screen and (max-width: 540px) {
  html[dir="rtl"] .items-box .item .top {
    padding: 0;
  }

  html[dir="rtl"] .alerts-box .head-row .btn {
    margin-left: 0;
    margin-right: 0;
  }

  html[dir="rtl"] .profile-box .right-block {
    padding-right: 0;
    border-right: none;
  }

  html[dir="rtl"] {}

  html[dir="rtl"] {}

}

@media screen and (max-width: 490px) {
  html[dir="rtl"] #item-sticky-box .btn {
    margin-left: 0;
    margin-right: 16px;
  }

  html[dir="rtl"] {}

  html[dir="rtl"] {}

}




/* DARK MODE */
html[mode="dark"] {
  --mb-color0: #f6f6f6;
  --mb-color1: #e6e6e6;
  --mb-color2: #d6d6d6;
  --mb-color3: #c6c6c6;
  --mb-color4: #b6b6b6;
  --mb-color5: #a6a6a6;
  --mb-color6: #969696;
  --mb-color7: #868686;
  --mb-color8: #767676;
  --mb-color9: #666666;
  --mb-color10: #565656;
  --mb-color11: #464646;
  --mb-color12: #363636;
  --mb-color13: #262626;
  --mb-color14: #161616;
  --mb-color15: #060606;
}

html[mode="dark"] header {
  background-color: #1a1d1e;
  box-shadow: 0 1px 0 0 #393939;
}

html[mode="dark"] footer {
  background-color: #26262b;
  color: #c6c1bb;
}

html[mode="dark"] body#item .data-box.sold:after,
html[mode="dark"] .simple-prod.st-sold .simple-wrap:after {
  background: rgb(18 20 21 / 50%);
}

html[mode="dark"] .item-publish .box section .in.var2 {
  border-color: var(--mb-color10);
}

html[mode="dark"] body.item-publish .simple-select .text {
  background: var(--mb-color12);
  color: var(--mb-color2);
  border: 1px solid transparent;
  border-bottom-color: var(--mb-color9);
  border-radius: 0;
}

html[mode="dark"] section.promo {
  background-color: #191d27;
  color: var(--mb-color2);
}

html[mode="dark"] footer p.logo img {
  opacity: 0.9;
}

html[mode="dark"] .empty {
  background: var(--mb-color12);
}

html[mode="dark"] #flashbox .flashmessage,
html[mode="dark"] #error_list li,
html[mode="dark"] .upload-photos .flashmessage,
html[mode="dark"] .problem,
html[mode="dark"] .flashmessage {
  border-left: none;
  border-right: 6px solid transparent;
}

html[mode="dark"] body,
html[mode="dark"] body#home>.content,
html[mode="dark"] body#home>.content>section,
html[mode="dark"] body#home>.content>section#home-search-box {
  background-color: #121415;
}

html[mode="dark"] a {
  color: var(--mb-color1);
}

html[mode="dark"] .btn,
html[mode="dark"] .btn-primary {
  color: var(--mb-color0);
}

html[mode="dark"] header .links1 a:hover,
html[mode="dark"] header .links a.simple:hover,
html[mode="dark"] header .links a.mini-btn:hover,
html[mode="dark"] header .my-account-wrap:hover a.account {
  background-color: #000;
  color: var(--mb-color2);
}

html[mode="dark"] header .my-account-menu {
  background: var(--mb-color13);
  border-color: var(--mb-color9);
}

html[mode="dark"] header .links a.mini-btn i,
html[mode="dark"] header .links a.mini-btn svg {
  color: var(--mb-color3);
  fill: var(--mb-color3);
}

html[mode="dark"] .home-action .actions a {
  box-shadow: 0 0 0 1px var(--mb-color10), 0px 2px 4px rgba(0, 0, 0, 0.3);
}

html[mode="dark"] .home-action .actions a:hover {
  border-color: var(--mb-color10);
  background: transparent;
}

html[mode="dark"] .simple-prod:hover .simple-wrap {
  box-shadow: 0 0 2px 2px var(--mb-color13);
}

html[mode="dark"] body#home>.content>section.home-premium {
  border-bottom-color: var(--mb-color13);
}

html[mode="dark"] #home-cat a:hover,
html[mode="dark"] .blog-box>a:hover {
  background: var(--mb-color13);
}

html[mode="dark"] body#home>.content>section.home-location {
  background: var(--mb-color13);
}

html[mode="dark"] body#home a.home-link-all {
  background: var(--mb-color12);
  border-color: var(--mb-color11);
}

html[mode="dark"] body#home a.home-link-all:hover {
  background: var(--mb-color13);
}

html[mode="dark"] body#home>.content>section.home-favorite,
body#home>.content>section.home-recent {
  border-color: var(--mb-color13);
}

html[mode="dark"] .products.grid.with-border .simple-prod {
  border-color: var(--mb-color13);
}

html[mode="dark"] footer .social a i,
html[mode="dark"] footer .social a svg {
  color: var(--mb-color13);
}

html[mode="dark"] .products.grid.style2 .simple-prod .favorite-block1 em {
  background: var(--mb-color15);
}

html[mode="dark"] #main-search .tabs a.active {
  background: var(--mb-color14);
}

html[mode="dark"] #main-search .tab-data .input-box input[type="text"],
html[mode="dark"] #main-search .tab-data .input-box input[type="number"],
html[mode="dark"] #main-search .tab-data .input-box select,
html[mode="dark"] #main-search .tab-data .input-box.simple-select .text {
  background: var(--mb-color14);
  border-bottom-color: var(--mb-color13);
}

html[mode="dark"] .simple-select .text {
  background: var(--mb-color14);
  border-bottom-color: var(--mb-color13);
}

html[mode="dark"] #main-search .tab-data .input-box input[type="text"],
html[mode="dark"] #main-search .tab-data .input-box input[type="number"],
html[mode="dark"] #main-search .tab-data .input-box select,
html[mode="dark"] #main-search .tab-data .input-box.simple-select .text {
  background: var(--mb-color14);
  border-bottom-color: transparent;
}

html[mode="dark"] input,
html[mode="dark"] input[type="text"],
html[mode="dark"] input[type="number"],
html[mode="dark"] select,
html[mode="dark"] textarea {
  background: var(--mb-color12);
  color: var(--mb-color2);
  border: 1px solid transparent;
  border-bottom-color: var(--mb-color9);
  border-radius: 0;
}

html[mode="dark"] #main-search .tab-data {
  background: var(--mb-color14);
}

html[mode="dark"] #main-search .tab-data .input-box {
  border-color: var(--mb-color13);
}

html[mode="dark"] #main-search .tab-data .input-box.simple-select:not(.opened):hover .text {
  background: var(--mb-color15);
}

html[mode="dark"] #main-search .tab-data .input-box.location+.simple-radius .text:before {
  background: var(--mb-color13);
}

html[mode="dark"] #flashbox .flashmessage .btn.ico-close:after,
html[mode="dark"] .upload-photos .flashmessage .close:after {
  color: var(--mb-color4);
}

html[mode="dark"] .picker.location .results,
html[mode="dark"] .picker.pattern .results,
html[mode="dark"] .picker.category .results,
html[mode="dark"] .simple-select .list {
  background: var(--mb-color13);
  border-color: var(--mb-color13);
}

html[mode="dark"] .simple-select .option:not(.info):not(.nonclickable):hover {
  background: var(--mb-color12);
  color: var(--mb-color1);
}

html[mode="dark"] .simple-select .option:before,
html[mode="dark"] .simple-list .link-check-box>a:before {
  border-color: var(--mb-color13);
  background: var(--mb-color13);
}

html[mode="dark"] .simple-select .option.selected:before,
html[mode="dark"] .simple-list .link-check-box>a.active:before {
  background: var(--mb-color-secondary);
}

html[mode="dark"] .picker.v2 .results a:after {
  color: var(--mb-color2, #2c2c2c);
}

html[mode="dark"] #side-menu .box.location .lead,
html[mode="dark"] #def-location .lead,
html[mode="dark"] .results .lead {
  color: var(--mb-color4);
}

html[mode="dark"] .picker.v2 .results .row.minlength {
  border-bottom-color: var(--mb-color11);
}

html[mode="dark"] .pre-account:not(.has-footer) .content,
html[mode="dark"] .item-publish .content {
  background: #1e2123;
  background: radial-gradient(circle, #2e3235 15%, #1e2123 85%)
}

html[mode="dark"] .pre-account .box {
  background-color: var(--mb-color14);
}

html[mode="dark"] input:focus,
html[mode="dark"] select:focus,
html[mode="dark"] textarea:focus,
html[mode="dark"] input:active,
html[mode="dark"] select:active,
html[mode="dark"] textarea:active {
  outline: 2px solid var(--mb-color0);
}

html[mode="dark"] #zetModal,
html[mode="dark"] #item-forms {
  background-color: var(--mb-color13);
}

html[mode="dark"] #zetModal .head,
html[mode="dark"] #item-forms .head {
  background-color: var(--mb-color13);
  box-shadow: 0 1px 0 0 var(--mb-color11);
}

html[mode="dark"] #item-forms .content form .row.buttons {
  background-color: var(--mb-color14);
}

html[mode="dark"] #zetModal .modal-body.modal-is-iframe .modal-content:after {
  background: var(--mb-color12);
}

html[mode="dark"] #header-search {
  background: var(--mb-color14);
  box-shadow: 0 1px 0 0 var(--mb-color12);
}

html[mode="dark"] #header-search input[type="text"],
html[mode="dark"] #header-search .simple-select .text {
  background: var(--mb-color12);
}

html[mode="dark"] #header-search input[type="text"]:focus,
html[mode="dark"] #header-search input[type="text"]:active,
html[mode="dark"] #header-search .simple-select .text:active,
html[mode="dark"] #header-search .simple-select .text:focus,
html[mode="dark"] #header-search .simple-select.opened .text {
  box-shadow: 0 0 0 2px var(--mb-color1);
  outline: none;
}

html[mode="dark"] #header-search .simple-radius .text:before {
  background: var(--mb-color13);
}

html[mode="dark"] #header-search .pattern {
  border-color: var(--mb-color14);
}

html[mode="dark"] #header-search .btns {
  background: var(--mb-color12);
}

html[mode="dark"] #search-alert .open-alert-box:hover {
  background: var(--mb-color13);
}

html[mode="dark"] #search-cat .cat-list a {
  background: var(--mb-color12);
  border-color: var(--mb-color7);
}

html[mode="dark"] #search-cat .cat-list a:hover {
  background: var(--mb-color11)
}

html[mode="dark"] #filter-line .filter-list>a,
html[mode="dark"] #filter-line .simple-select .text,
html[mode="dark"] #filter-line .filter-list>select,
html[mode="dark"] #search-quick-bar .simple-sort .text {
  background: var(--mb-color12);
  border-color: var(--mb-color8);
}

html[mode="dark"] #filter-line .simple-select .option.info {
  border-bottom-color: var(--mb-color10);
}

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,
html[mode="dark"] #search-quick-bar .simple-sort:hover .text,
html[mode="dark"] #search-quick-bar .simple-sort.opened .text {
  border-color: var(--mb-color1);
}

html[mode="dark"] #filters-remove a.remove-all,
html[mode="dark"] #filters-remove a {
  background: var(--mb-color12);
}

html[mode="dark"] #search-premium-items,
html[mode="dark"] #search-quick-bar {
  border-top-color: var(--mb-color12);
}

html[mode="dark"] #search-items .products.list .simple-prod:first-child {
  border-top-color: var(--mb-color13);
}

html[mode="dark"] .products.list .simple-prod {
  border-bottom-color: var(--mb-color13);
}

html[mode="dark"] #search-premium-items .products {
  background: var(--mb-color12);
}

html[mode="dark"] #search-premium-items .simple-prod {
  box-shadow: 1px 0 0 0 var(--mb-color10);
}

html[mode="dark"] #search-quick-bar .view-type a svg {
  color: var(--mb-color12);
}

html[mode="dark"] #search-quick-bar .view-type a.active svg {
  color: var(--mb-color2);
}

html[mode="dark"] .btn-white {
  background: var(--mb-color13);
  border-color: var(--mb-color8);
  color: var(--mb-color0);
}

html[mode="dark"] .paginate ul li a,
html[mode="dark"] .paginate ul li span {
  background: var(--mb-color13);
}

html[mode="dark"] .paginate ul li a.searchPaginationSelected,
html[mode="dark"] .paginate ul li span.searchPaginationSelected,
html[mode="dark"] .paginate ul li a:hover,
html[mode="dark"] .paginate ul li span:hover {
  background: var(--mb-color-primary);
}

html[mode="dark"] #latest-search a {
  background: var(--mb-color13);
}

html[mode="dark"] #latest-search a:hover {
  background: var(--mb-color12);
}

html[mode="dark"] #zetModal .modal-close-alt svg {
  color: var(--mb-color1);
}

html[mode="dark"] #item-image .mlink,
html[mode="dark"] #item-image .mlinkw>a {
  background: var(--mb-color13);
}

html[mode="dark"] #item-image .mlink:hover,
html[mode="dark"] #item-image .mlinkw>a:hover {
  background: var(--mb-color12);
}

html[mode="dark"] #item-main .details>.elem {
  background: var(--mb-color13);
}

html[mode="dark"] #item-side>.box {
  background: var(--mb-color13);
}

html[mode="dark"] #item-side .line-contact {
  border-color: var(--mb-color10);
}

html[mode="dark"] #meet-seller h2>span,
html[mode="dark"] #public h1>span {
  background: #121415;
  box-shadow: 0 2px 4px #121415;
}

html[mode="dark"] #meet-seller h2>.ln,
html[mode="dark"] #public h1>.ln {
  background: var(--mb-color10);
}

html[mode="dark"] #item-main .description,
html[mode="dark"] #meet-seller,
html[mode="dark"] #shortcuts {
  border-color: var(--mb-color12);
}

html[mode="dark"] #comments .empty-comments {
  color: var(--mb-color5);
}

html[mode="dark"] .navlinks a {
  background: var(--mb-color13);
  border-color: var(--mb-color8);
}

html[mode="dark"] .navlinks a:hover {
  background: var(--mb-color12);
  border-color: var(--mb-color8);
}

html[mode="dark"] .item-publish .box section:not(.buttons-block) {
  background: var(--mb-color14);
}

html[mode="dark"] .item-publish select#currency {
  border-right-color: var(--mb-color13);
}

html[mode="dark"] input[type="text"]:read-only,
html[mode="dark"] input[type="email"]:read-only,
html[mode="dark"] input[type="tel"]:read-only,
html[mode="dark"] input[type="number"]:read-only,
html[mode="dark"] input[type="url"]:read-only,
html[mode="dark"] textarea:read-only {
  background: var(--mb-color12);
}

html[mode="dark"] body form#im-create-thread-form {
  background: var(--mb-color14);
  border-color: var(--mb-color8);
}

html[mode="dark"] body .im-item-related .im-item-resource+div.im-col-21 {
  background: var(--mb-color12);
}

html[mode="dark"] body .im-item-related .im-line a {
  color: var(--mb-color2);
}

html[mode="dark"] body .im-item-related .im-item-price {
  color: var(--mb-color0);
}

html[mode="dark"] body .im-file-create-thread h2.im-head,
html[mode="dark"] .im-label,
html[mode="dark"] .im-input {
  color: var(--mb-color1);
}

html[mode="dark"] .upload-photos .qq-upload-list li.qq-upload-success {
  background: var(--mb-color12);
}

html[mode="dark"] .upload-photos .qq-upload-list li {
  border-color: var(--mb-color10);
}

html[mode="dark"] .uppy-Dashboard-inner {
  background: var(--mb-color12);
}

html[mode="dark"] .uppy-DashboardContent-bar {
  background: var(--mb-color12);
  border-color: var(--mb-color10);
}

html[mode="dark"] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions,
html[mode="dark"] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background: var(--mb-color12);
  border-color: var(--mb-color10);
}

html[mode="dark"] .uppy-DashboardTab-btn {
  color: var(--mb-color2);
}

html[mode="dark"] .uppy-Dashboard-AddFiles-title {
  color: var(--mb-color2);
}

html[mode="dark"] .uppy-Dashboard-note {
  color: var(--mb-color5);
}

html[mode="dark"] [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  border-color: var(--mb-color7);
}

html[mode="dark"] .uppy-DashboardTab-btn:hover,
html[mode="dark"] .uppy-DashboardTab-btn:active,
html[mode="dark"] .uppy-DashboardTab-btn:focus {
  border-color: var(--mb-color7);
  background-color: var(--mb-color10);
  color: var(--mb-color0);
}

html[mode="dark"] #user-dashboard .card {
  background: var(--mb-color12);
  box-shadow: 0 0 0 1px var(--mb-color5), 0px 5px 12px rgba(0, 0, 0, 0.2);
}

html[mode="dark"] #user-dashboard .card:hover {
  border-color: var(--mb-color5);
}

html[mode="dark"] #user-menu a:not(.logout):not(.active):hover {
  border-color: var(--mb-color7);
  background: var(--mb-color12);
}

html[mode="dark"] .items-box .item .buttons a,
html[mode="dark"] .items-box .item .buttons a.delete,
html[mode="dark"] .profile-box .profile-img .btn.remove-profile-picture {
  background: var(--mb-color12);
  box-shadow: none;
  color: var(--mb-color2);
  border-color: var(--mb-color7);
}

html[mode="dark"] .items-box .item .buttons a:hover,
html[mode="dark"] .items-box .item .buttons a.delete:hover,
html[mode="dark"] .profile-box .profile-img .btn.remove-profile-picture:hover {
  background: var(--mb-color11);
}

html[mode="dark"] .items-box .item .top {
  color: var(--mb-color5);
}

html[mode="dark"] .items-box .item {
  border-color: var(--mb-color11);
}

html[mode="dark"] a.toggle-pass {
  color: var(--mb-color5);
}

html[mode="dark"] header .my-account-menu a i,
html[mode="dark"] header .my-account-menu a svg {
  color: var(--mb-color3);
  fill: var(--mb-color3);
}

html[mode="dark"] .alerts-box .alert {
  border-color: var(--mb-color8);
  background: var(--mb-color13);
  box-shadow: none;
}

html[mode="dark"] .alerts-box .alert .details {
  background: var(--mb-color12);
}

html[mode="dark"] ul.tabbernav {
  border-bottom-color: var(--mb-color11);
}

html[mode="dark"] .profile-box.alt,
html[mode="dark"] .profile-box .right-block,
html[mode="dark"] .profile-box .profile-img {
  border-color: var(--mb-color11);
}

html[mode="dark"] .bpr-prof .bpr-inside {
  background: var(--mb-color12);
}

html[mode="dark"] .bpr-prof .bpr-row-wrap {
  background: var(--mb-color13);
}

html[mode="dark"] .bpr-prof .bpr-row-inf,
html[mode="dark"] .mo-nav {
  border-color: var(--mb-color12);
}

html[mode="dark"] .bpr-prof input[type="text"],
html[mode="dark"] .bpr-prof input[type="url"],
html[mode="dark"] .bpr-prof textarea,
html[mode="dark"] body #fi_user_new_list {
  background: var(--mb-color11);
  border-bottom-color: var(--mb-color8);
  color: var(--mb-color1);
}

html[mode="dark"] .blg-search input#blgSearch,
html[mode="dark"] #faq-search-block input[name="pattern"] {
  background: var(--mb-color11);
  border-bottom-color: var(--mb-color8);
  color: var(--mb-color1);
}

html[mode="dark"] .bpr-top-search #bpr-word {
  background: var(--mb-color11);
  border: 1px solid transparent;
  border-radius: 0;
  border-bottom-color: var(--mb-color8);
}

html[mode="dark"] .bpr-prof .bpr-utitle,
html[mode="dark"] .bpr-prof .bpr-usubtitle {
  color: var(--mb-color2);
}

html[mode="dark"] .bpr-prof .bpr-btn {
  background: var(--mb-color14);
}

html[mode="dark"] .blog-box>a .desc {
  color: var(--mb-color7);
}

html[mode="dark"] body #fi_user_lists .fi_list.fi_head {
  background: var(--mb-color12);
}

html[mode="dark"] .bpr-empty,
html[mode="dark"] .frm-empty.frm-empty-category {
  background: var(--mb-color12);
  color: var(--mb-color2);
}

html[mode="dark"] .frm-profile .frm-user-data .frm-inside {
  background: var(--mb-color13);
  color: var(--mb-color2);
}

html[mode="dark"] #fi_user_new_list .fi_title,
html[mode="dark"] #frm-body h2,
html[mode="dark"] .blg-side-header {
  color: var(--mb-color2);
}

html[mode="dark"] body #fi_user_lists .fi_list:not(.fi_head) {
  background: var(--mb-color13);
  border-color: var(--mb-color11);
}

html[mode="dark"] body .fi_current a,
html[mode="dark"] body .fi_notification a,
html[mode="dark"] body .fi_user_list_remove a,
html[mode="dark"] body #fi_user_lists .fi_user_list_remove a {
  background: var(--mb-color10);
  color: var(--mb-color1);
}

html[mode="dark"] body #fi_list_items.fi_user_menu .fi_right {
  background: var(--mb-color12);
}

html[mode="dark"] body #fi_list_items .fi_right .fi_top,
html[mode="dark"] body #fi_list_items .fi_right .fi_bottom {
  color: var(--mb-color1);
}

html[mode="dark"] body #fi_list_items.fi_user_menu .fi_right a,
html[mode="dark"] #fi_user_lists .fi_name a {
  color: var(--mb-color3);
}

html[mode="dark"] #fi_user_new_list .fi_new_name {
  background: var(--mb-color12);
  border: 1px solid transparent;
  border-radius: 0;
  border-bottom-color: var(--mb-color9);
}

html[mode="dark"] #ur-box-show .mb-total-zero {
  background: var(--mb-color13);
  color: var(--mb-color5);
}

html[mode="dark"] .im-limits-info,
html[mode="dark"] .im-empty-v2,
html[mode="dark"] body .im-block .im-table-head+.im-table-row {
  background: var(--mb-color13);
  color: var(--mb-color3);
  border-color: var(--mb-color9);
}

html[mode="dark"] #meet-seller a.phone {
  background: var(--mb-color11);
  color: var(--mb-color2);
}

html[mode="dark"] #side-menu .section.lead {
  background: var(--mb-color13);
}

html[mode="dark"] #side-menu,
html[mode="dark"] #side-menu .box,
html[mode="dark"] .ssfrm .row.lc.opened,
html[mode="dark"] .cat-box .cat-one,
html[mode="dark"] .cat-box .cat-foot,
html[mode="dark"] .ssfrm .row.buttons {
  background: var(--mb-color13);
}

html[mode="dark"] #side-menu .section a svg,
html[mode="dark"] #def-location a.svg,
html[mode="dark"] #side-menu .menu-hooks a>i {
  background: var(--mb-color13);
}

html[mode="dark"] #side-menu .section.delim-top,
html[mode="dark"] #side-menu .box.location .row,
html[mode="dark"] #def-location .row {
  border-color: var(--mb-color11);
}

html[mode="dark"] #side-menu .navigator a.locate-me svg,
html[mode="dark"] #def-location .navigator a.locate-me svg,
html[mode="dark"] .navigator a.locate-me svg {
  background: transparent;
}

html[mode="dark"] header .csearch-init input[type="text"],
html[mode="dark"] header .csearch input.pattern {
  background: var(--mb-color12);
  border-radius: 4px;
  border: 1px solid transparent;
}

html[mode="dark"] header .container.alt {
  background: var(--mb-color14);
}

html[mode="dark"] #navi-bar {
  background: var(--mb-color13);
  box-shadow: 0 -1px 0 0 var(--mb-color7);
}

html[mode="dark"] #navi-bar a.btn-regular,
html[mode="dark"] #item-sticky-box .btn-regular span {
  color: var(--mb-color3);
}

html[mode="dark"] #navi-bar a.btn-regular,
html[mode="dark"] #navi-bar a.btn-regular>svg,
html[mode="dark"] #item-sticky-box .btn-regular svg {
  color: var(--mb-color4);
  fill: var(--mb-color4);
}

html[mode="dark"] #item-sticky-box {
  background: var(--mb-color13);
  border-color: var(--mb-color7);
}

html[mode="dark"] #zetModal .modal-close,
html[mode="dark"] #zetModal .head .subbox-close {
  background: transparent;
}

html[mode="dark"] #search-items .list-empty {
  background: var(--mb-color13);
}

html[mode="dark"] footer section.two {
  border-color: var(--mb-color11);
  color: var(--mb-color5);
}

html[mode="dark"] .blg-content {
  color: var(--mb-color2);
}

html[mode="dark"] .blg-text .blg-desc {
  color: var(--mb-color5);
}

html[mode="dark"] .blg-content h1,
html[mode="dark"] .blg-search-result h1 {
  color: var(--mb-color1);
}

html[mode="dark"] #recent-ads.onsearch {
  border-color: var(--mb-color12);
}

html[mode="dark"] #filter-line .del span,
html[mode="dark"] #search-cat .cat-list>.del>span {
  background: var(--mb-color12)
}

html[mode="dark"] #search-main:after {
  background: rgb(18 20 21 / 60%);
}

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=""])) {
  color: var(--mb-color2);
}

html[mode="dark"] .qr-code {
  background: var(--mb-color10);
  border-color: var(--mb-color6);
}

html[mode="dark"] .qr-code>strong {
  background: var(--mb-color10);
  border-color: var(--mb-color6);
  border-top: var(--mb-color10);
  color: var(--mb-color-1);
}

html[mode="dark"] header .container.alt .data>div {
  color: var(--mb-color4);
}

html[mode="dark"] header .container.alt .data>strong .title,
html[mode="dark"] footer h4 {
  color: var(--mb-color1);
}

html[mode="dark"] #comments .comment {
  background: var(--mb-color12);
}

html[mode="dark"] #comments .data .remove {
  background: var(--mb-color11);
  border-color: var(--mb-color8);
}

html[mode="dark"] #comments .author .date {
  color: var(--mb-color5);
}

html[mode="dark"] .ssfrm .price .delim {
  background: var(--mb-color10);
}

html[mode="dark"] .cat-box .cat-one a:hover {
  background: var(--mb-color11);
}

html[mode="dark"] #search-premium-items .simple-prod:hover {
  background: var(--mb-color11);
}

html[mode="dark"] #zetModal .subhead {
  border-color: var(--mb-color11);
}

html[mode="dark"] #navi-bar a.btn-regular i.mark {
  text-shadow: none;
}

html[mode="dark"] #side-menu .navigator span,
html[mode="dark"] #def-location .navigator span,
html[mode="dark"] .navigator span {
  color: var(--mb-color4);
}

html[mode="dark"] .pre-account h2 {
  color: var(--mb-color5);
}

html[mode="dark"] body #im-create-thread-form #im-message,
html[mode="dark"] body #im-create-thread-form .im-input,
html[mode="dark"] body #im-message,
html[mode="dark"] body .im-input,
html[mode="dark"] .bpr-filters .bpr-select select,
html[mode="dark"] #sellerContact input,
html[mode="dark"] #sellerContact textarea,
html[mode="dark"] .frm-profile .frm-user-data .frm-input-box textarea,
html[mode="dark"] .blg-new-comment .blg-row input,
html[mode="dark"] .blg-new-comment .blg-row textarea {
  border: 1px solid transparent;
  border-bottom-color: var(--mb-color9);
  border-radius: 0;
  color: var(--mb-color2);
  background: var(--mb-color12);
}


html[mode="dark"] .show-rating.show-stars>span {
  color: var(--mb-color5);
}

html[mode="dark"] .input-box-check label:before {
  border-color: var(--mb-color9);
}

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: rgb(38 38 38 / 55%);
}

html[mode="dark"] body .im-alt-head .im-head2 {
  color: var(--mb-color2);
}

html[mode="dark"] body .im-block .im-table-head {
  color: var(--mb-color5);
}

html[mode="dark"] #item-hook table tr,
html[mode="dark"] .custom-fields .field,
html[mode="dark"] .job-detail>div,
html[mode="dark"] #item-hook .realestate-details .list-other-attributes li {
  border-color: var(--mb-color12);
}

html[mode="dark"] #item-sticky-box .btn-regular:not(:first-child) {
  border-color: var(--mb-color11);
}

html[mode="dark"] body form#im-create-thread-form {
  border-color: var(--mb-color9);
  box-shadow: none;
}

html[mode="dark"][dir="rtl"] #search-premium-items .simple-prod {
  box-shadow: -1px 0 0 0 var(--mb-color10);
}

html[mode="dark"] #latest-search {
  border-color: var(--mb-color12);
}

html[mode="dark"] .blg-new-comment {
  background: var(--mb-color13);
}

html[mode="dark"] .blg-new-comment h3,
html[mode="dark"] .blg-content h3 {
  color: var(--mb-color1);
}

html[mode="dark"] .blg-content h2 {
  color: var(--mb-color2);
}

html[mode="dark"] .blg-empty {
  color: var(--mb-color5);
}

html[mode="dark"] .blg-search button {
  color: var(--mb-color4) !important;
}

html[mode="dark"] #flashbox,
html[mode="dark"] .flashmessage,
html[mode="dark"] #error_list li,
html[mode="dark"] .upload-photos .flashmessage,
html[mode="dark"] .problem,
html[mode="dark"] .flashmessage {
  background: #3b404d;
}

html[mode="dark"] .bpr-msg-wrap .bpr-msg {
  background: #334e5d;
  color: var(--mb-color2);
}

html[mode="dark"] .bpr-prof .bpr-preview.bpr-gal em {
  color: var(--mb-color5);
}

html[mode="dark"] .bpr-comp,
html[mode="dark"] .bpr-comp .bpr-cover .bpr-elip {
  background: var(--mb-color11);
}

html[mode="dark"] .bpr-comp .bpr-title {
  color: var(--mb-color1);
}

html[mode="dark"] .bpr-comp .bpr-loc {
  color: var(--mb-color4);
}

html[mode="dark"] .bpr-comp .bpr-count {
  background: var(--mb-color12);
  color: var(--mb-color3);
}

html[mode="dark"] .bpr-comp .bpr-user-type {
  color: var(--mb-color0);
}

html[mode="dark"] #bpr-seller .bpr-inside {
  background: var(--mb-color13);
}

html[mode="dark"] .bpr-profile .bpr-right,
html[mode="dark"] .bpr-profile .bpr-left,
html[mode="dark"] .bpr-filters {
  border-color: var(--mb-color11);
}

html[mode="dark"] .simple-prod .top-wrap .user-image .online {
  box-shadow: 0 0 0 1px var(--mb-color14);
}

html[mode="dark"] .bpr-profile .bpr-about {
  color: var(--mb-color5);
}

html[mode="dark"] .bpr-profile .bpr-reg {
  color: var(--mb-color4);
}

html[mode="dark"] #sellerContact .bpr-title {
  color: var(--mb-color1);
}

html[mode="dark"] .bpr-profile h1 {
  color: var(--mb-color1);
}

html[mode="dark"] .bpr-profile .bpr-phone a {
  color: var(--mb-color2);
}

html[mode="dark"] .bpr-profile .bpr-right>div>i {
  color: var(--mb-color13);
  color: var(--mb-color2);
}

html[mode="dark"] .frm-board,
html[mode="dark"] .frm-boards .frm-empty {
  background: var(--mb-color13);
}

html[mode="dark"] #frm-body {
  color: var(--mb-color3);
}

html[mode="dark"] .frm-answer .frm-unlogged-title,
html[mode="dark"] .frm-answer .frm-unlogged-subtitle {
  color: var(--mb-color2);
}

html[mode="dark"] .frm-answer .frm-logged-title,
html[mode="dark"] .frm-answer .frm-logged-subtitle,
html[mode="dark"] .frm-answer .frm-left strong {
  color: var(--mb-color2);
}

html[mode="dark"] .frm-answer.frm-unlogged:not(.frm-locked),
html[mode="dark"] .frm-answer.frm-empty,
html[mode="dark"] .frm-answer.frm-search-empty {
  background: var(--mb-color13);
}

html[mode="dark"] .frm-answer .frm-auth {
  color: var(--mb-color1);
  background: var(--mb-color11);
}

html[mode="dark"] .frm-answer .frm-area .frm-buttons {
  background: var(--mb-color13);
}

html[mode="dark"] .frm-answer .frm-area .frm-text,
html[mode="dark"] .frm-answer .frm-area .frm-toptext {
  border-color: var(--mb-color13);
}

html[mode="dark"] .frm-answer .frm-area .frm-toptext:before,
html[mode="dark"] .frm-answer .frm-area .frm-text:before {
  border-color: transparent var(--mb-color13) transparent transparent;
}

html[mode="dark"] .frm-text .richText {
  background: var(--mb-color12);
}

html[mode="dark"] .frm-text .richText .richText-editor {
  background: var(--mb-color12);
  color: var(--mb-color2);
}

html[mode="dark"] .frm-text .richText .richText-toolbar,
html[mode="dark"] .richText .richText-toolbar ul li a,
html[mode="dark"] .richText .richText-redo,
html[mode="dark"] .richText .richText-undo {
  border-color: var(--mb-color10);
  color: var(--mb-color2);
}

html[mode="dark"] .richText .richText-toolbar ul li a:hover,
html[mode="dark"] .richText .richText-redo:hover,
html[mode="dark"] .richText .richText-undo:hover {
  background: var(--mb-color11);
  color: var(--mb-color0);
}

html[mode="dark"] .frm-topic-manage a,
html[mode="dark"] .frm-post .frm-tools a {
  background: var(--mb-color12);
  color: var(--mb-color2);
  border-color: var(--mb-color9);
}

html[mode="dark"] .frm-topic-manage a:hover,
html[mode="dark"] .frm-post .frm-tools a:hover {
  background: var(--mb-color11);
  color: var(--mb-color0);
}

html[mode="dark"] .frm-post {
  background: var(--mb-color13);
  border-color: var(--mb-color12);
}

html[mode="dark"] .frm-post .frm-user,
html[mode="dark"] .blg-new-comment .blg-row label {
  color: var(--mb-color2);
}

html[mode="dark"] #frm-body h1,
html[mode="dark"] #frm-body h2 {
  color: var(--mb-color1);
}

html[mode="dark"] .frm-post .frm-message.frm-border {
  border-color: var(--mb-color12);
}

html[mode="dark"] .frm-topic {
  background: var(--mb-color13);
}

html[mode="dark"] .frm-topics {
  background: var(--mb-color13);
  border-color: var(--mb-color12);
}

html[mode="dark"] .frm-topic .frm-stats strong,
html[mode="dark"] .frm-topic .frm-last-user a {
  color: var(--mb-color2);
}

html[mode="dark"] .frm-topic .frm-stats span,
html[mode="dark"] .frm-board .frm-last-user {
  color: var(--mb-color5);
}

html[mode="dark"] .blg-content .blg-details .blg-detail-cat {
  color: var(--mb-color4);
}

html[mode="dark"] .blg-content .blg-details .blg-detail-cat {
  background: var(--mb-color11);
}

html[mode="dark"] .blg-search button:hover,
html[mode="dark"] .blg-search button:active,
html[mode="dark"] .blg-search button:focus {
  background: var(--mb-color13);
}

html[mode="dark"] #faq-search-block button[type="submit"] svg,
html[mode="dark"] #faq-search-block div.button svg {
  fill: var(--mb-color2);
}

html[mode="dark"] body #faq-post-block .faq-post-inside .faq-row {
  background: var(--mb-color13);
  border-color: var(--mb-color9);
  color: var(--mb-color2);
}

html[mode="dark"] #faq-post-block .faq-row:not(.faq-expanded):last-child .faq-top {
  border-color: var(--mb-color9);
  color: var(--mb-color2);
}

html[mode="dark"] #faq-post-block .faq-row:not(.faq-expanded) .faq-top:hover {
  background: var(--mb-color12);
}

html[mode="dark"] #faq-post-block .faq-row .faq-top {
  color: var(--mb-color2);
}

html[mode="dark"] #faq-post-block .faq-row .faq-bottom {
  background: var(--mb-color12);
}

html[mode="dark"] #faq-post-block .faq-item-footer {
  border-color: var(--mb-color11);
  color: var(--mb-color4);
}

html[mode="dark"] #faq-post-block .faq-helpful>a svg {
  fill: var(--mb-color5);
}

html[mode="dark"] #faq-post-block .faq-helpful:not(.faq-disabled)>a:not(.faq-voting-disabled):hover svg {
  fill: var(--mb-color3);
}

html[mode="dark"] #faq-post-block .faq-helpful>a {
  color: var(--mb-color4);
}

html[mode="dark"] #faq-post-block .faq-helpful:not(.faq-disabled)>a:not(.faq-voting-disabled):hover {
  color: var(--mb-color1);
}

html[mode="dark"] body .im-attachment .im-att-box .im-wrap {
  background: var(--mb-color12);
  color: var(--mb-color2);
}

html[mode="dark"] h3.im-head {
  color: var(--mb-color5);
}

html[mode="dark"] .im-threads-exist a .im-from-to {
  color: var(--mb-color3);
}

html[mode="dark"] .im-threads-exist a .im-pms,
html[mode="dark"] body .im-threads .im-table-head,
html[mode="dark"] .im-threads .im-item a,
html[mode="dark"] .im-threads .im-time {
  color: var(--mb-color5);
}

html[mode="dark"] .im-threads-exist a .im-title {
  color: var(--mb-color1);
}

html[mode="dark"] .im-threads .im-from-to,
html[mode="dark"] body .im-threads .im-title.im-recipient a {
  color: var(--mb-color1);
}

html[mode="dark"] body .im-threads-exist a {
  background: var(--mb-color13);
  color: var(--mb-color2);
}

html[mode="dark"] .im-messages .im-table-row.im-from,
html[mode="dark"] body .im-messages .im-table-row {
  background: var(--mb-color12) !important;
}

html[mode="dark"] .im-table-row {
  background: var(--mb-color13);
}

html[mode="dark"] body .im-threads .im-table-row {
  background: var(--mb-color13);
  border-color: var(--mb-color11);
}

html[mode="dark"] body .im-threads .im-table-row.im-unread {
  background: var(--mb-color13);
}

html[mode="dark"] body .im-threads .im-table-head+.im-table-row {
  border-color: var(--mb-color11);
}

html[mode="dark"] .item-publish .or:before,
html[mode="dark"] .item-publish .or:after {
  border-color: var(--mb-color12);
}

html[mode="dark"] .item-publish .or {
  color: var(--mb-color6);
}

html[mode="dark"] #search-quick-bar .view-type a:hover {
  background: var(--mb-color12);
}

html[mode="dark"] .cap-search .cap-section-top.cap-menu-advanced {
  background: var(--mb-color13);
}

html[mode="dark"] .cap-search:not(.cap-publish) .cap-section-body {
  background: var(--mb-color13);
}

html[mode="dark"] .cap-search .cap-section-top a,
html[mode="dark"] .cap-search .cap-section-top a.cap-active {
  background: var(--mb-color12);
  border-color: var(--mb-color10) !important;
}

html[mode="dark"] .cap-search .cap-section-top a:hover {
  background: var(--mb-color13);
}

html[mode="dark"] .cap-search .cap-section-top a {
  color: var(--mb-color2);
}

html[mode="dark"] .cap-search .cap-section-top a:not(.cap-active) svg,
html[mode="dark"] .cap-search .cap-section-top a:not(.cap-active) i {
  fill: var(--mb-color6) !important;
}

html[mode="dark"] .cap-search .cap-section-body .cap-head {
  color: var(--mb-color0);
}

html[mode="dark"] .cap-input-box label.cap-label,
html[mode="dark"] .cap-input-box .cap-line {
  color: var(--mb-color3);
}

html[mode="dark"] .cap-search .cap-section-action a.cap-more {
  background: var(--mb-color12);
  border-color: var(--mb-color8);
  color: var(--mb-color2);
}

html[mode="dark"] .cap-values-wrap .cap-value.cap-select-all,
html[mode="dark"] .cap-values-wrap .cap-value.cap-deselect {
  background: var(--mb-color12);
}

html[mode="dark"] .cap-values-wrap {
  background: var(--mb-color11);
  border-color: var(--mb-color9);
}

html[mode="dark"] .cap-values-wrap .cap-value {
  background: var(--mb-color11);
  border-color: var(--mb-color10);
}

html[mode="dark"] .cap-values-wrap .cap-value:hover {
  background: var(--mb-color12);
}

html[mode="dark"] .cap-values-ok {
  background: var(--mb-color11);
  border-color: var(--mb-color10);
}

html[mode="dark"] em.cap-top-section-end {
  background: var(--mb-color11);
}

html[mode="dark"] em.cap-top-section-end:before {
  border-color: var(--mb-color9);
}

html[mode="dark"] .cap-search .cap-section-top.cap-menu-advanced a.cap-special {
  border-color: var(--mb-color10) !important;
}

html[mode="dark"] #seller .line-chat a.btn:after,
html[mode="dark"] a.btn-chat:after {
  box-shadow: 0 0 0 1px var(--mb-color12);
}

html[mode="dark"] #showcase-box {
  background-color: var(--mb-color11);
}

html[mode="dark"] {}


@media screen and (max-width: 1024px) {
  footer section.two span {
    color: var(--mb-color6);
  }
}


@media screen and (max-width: 767px) {
  html[mode="dark"] #meet-seller .img-wrap {
    background: var(--mb-color13);
  }

  html[mode="dark"] #breadcrumbs:after,
  html[mode="dark"] #breadcrumbs:before {
    display: none;
  }

  html[mode="dark"] header .logo.square img {
    height: 36px;
    padding: 0;
    background-color: transparent;
  }

  html[mode="dark"] body#home>.content>section.home-cat {
    background: rgb(38 38 38 / 25%);
    border-color: var(--mb-color12);
  }

  html[mode="dark"] .blog-box>a {
    border-color: var(--mb-color12);
  }

  html[mode="dark"] .products.grid.with-border,
  html[mode="dark"] .products.grid.with-border-mobile {
    border-color: var(--mb-color13);
  }

  html[mode="dark"] .products.grid.with-border .simple-prod,
  html[mode="dark"] .products.grid.with-border-mobile .simple-prod {
    border-color: var(--mb-color13);
  }

  html[mode="dark"] #filter-line {
    background: #121415;
  }

  html[mode="dark"] #item-main .details2 .item-mob-desc a.desc-show-more {
    background: #121415;
    box-shadow: 0 0 5px #121415, 0 0 14px #121415, 0 0 20px #121415
  }

  html[mode="dark"] #item-main .details2 .item-mob-desc.shorten:after {
    background: linear-gradient(180deg, rgba(18, 20, 21, 0.05) 0%, rgba(18, 20, 21, 1) 100%);
  }

  html[mode="dark"] .pre-account .box {
    background: transparent
  }

  html[mode="dark"] .pre-account:not(.has-footer) .content,
  html[mode="dark"] .item-publish .content {
    background: #121415;
  }

  html[mode="dark"] #public #meet-seller .img-wrap {
    background: var(--mb-color13);
  }

  html[mode="dark"] .item-publish .box section:not(.buttons-block) {
    box-shadow: 0 -5px 0 0 var(--mb-color14), 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.06);
  }

  html[mode="dark"] {}

  html[mode="dark"] {}

}





/* PRINT STYLES */
@media print {
  html body {
    background: #fff;
    padding: 5px;
    min-width: 1024px;
  }

  body#search,
  body#item {
    padding: 5px;
  }

  body#item #header-search,
  #item-image .mlinks,
  #item-main .details>.elem>div a,
  #item-main .details2>.elem>div>div+a,
  #item-side,
  #item-sticky-box,
  #comments {
    display: none;
  }

  #item-main .details>.elem {
    padding: 6px 0;
    background: transparent;
  }

  #item-main {
    width: 100%;
  }

  #item-main .details2,
  #item-image .img-bg,
  header .links,
  header .links1 {
    display: none;
  }

  header .container.alt,
  .isMobile:not(.isDesktop),
  .isTablet:not(.isDesktop) {
    display: none !important;
  }

  body#item .container.primary {
    padding-bottom: 6px;
  }

  body header {
    box-shadow: none;
    border: none;
    margin-bottom: 5px;
    position: relative;
  }

  #navi-bar,
  #item .sticky-button,
  header .links,
  #item-side .master-button,
  #seller .show-rating.show-stars .lnk,
  #item-side .seller-button,
  #item-side .manage-button,
  #comments .add,
  #shortcuts,
  #rel-block,
  .banner-theme,
  #recent-ads,
  footer,
  section.promo,
  #showcase-box,
  #debug-mode,
  #scroll-to-top,
  #item-main .basic .favorite,
  #item-main .mlink,
  #item-image .swiper-button,
  #item-main .basic .mo-make-offer-price,
  #item-main .description .read-more-desc,
  #item-main .location .directions,
  #osc-database-logs,
  .navlinks {
    display: none !important;
  }
}


/* RESET */
fieldset {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
}

html,
input,
select,
textarea,
button {
  font-family: Montserrat, sans-serif;
}

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;
  margin: 0;
  padding: 0;
  width: 100%;
}

ol,
ul {
  list-style: none
}

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

html.item-form-html {
  scrollbar-gutter: unset;
}

.pre-account .social {
  margin: 4px 0 10px 0;
  display: inline-block;
  width: 100%;
}

.pre-account .social a {
  transition: 0.2s;
  text-decoration: none;
  font-weight: 600;
  background: trasparent;
  color: #2c2c2c;
  border: 1px solid #d4d4d4;
  padding: 10px;
  font-size: 18px;
  border-radius: 4px;
  margin: 0 0 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 48px;
  max-width: 100%;
}

.pre-account .social a i {
  margin-right: 10px;
  font-size: 22px;
}

.pre-account .social a:hover {
  border-color: #a3a3a3;
  background: #f8f8f8;
}

.SocialLogin_delimiter {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-top: 8px;
  margin-bottom: 21px;
  max-width: 360px;
}

.SocialLogin_delimiter:before {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
  color: #dfe3ed;
}

.SocialLogin_delimiter:before {
  margin-right: 8px;
}

.SocialLogin_delimiter:after {
  content: "";
  -webkit-flex: 1 1;
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
  color: #dfe3ed;
}

.SocialLogin_delimiter:after {
  margin-left: 8px;
}

#sep-stext {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#sep-stext p {
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.6;
  color: #333;
  margin-bottom: .5em;
}

#sep-stext h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: .5em;
  color: #555;
}

@media (max-width:768px) {
  #sep-stext {
    margin: .5em 0;
    padding: .5em;
  }

  #sep-stext p {
    font-size: .9em;
    line-height: 1.5;
  }

  #sep-stext h2 {
    font-size: 1.1em;
  }
}

/* REAL-TIME VALIDATION STYLES */
.error-message.realtime-error {
  display: none;
  color: #e72b2b;
  font-size: 13px;
  margin: 6px 0 0 0;
  border-radius: 3px;
  line-height: 1.4;
}

.error-message.realtime-error.show {
  display: block;
}

.error-field {
  border-color: #e72b2b !important;
  background: #fff5f5 !important;
}

#submit-listing-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #ccc !important;
  border-color: #ccc !important;
}

#submit-listing-btn:disabled:hover {
  background: #ccc !important;
  transform: none !important;
}

/* DARK MODE SUPPORT FOR VALIDATION */
html[mode="dark"] .error-message.realtime-error {
  background: #4a2020;
  color: #ff6b6b;
  border-left-color: #ff6b6b;
}

html[mode="dark"] .error-field {
  border-color: #ff6b6b !important;
  background: #2a1515 !important;
}

.picker.location.error-field {
  border-color: #e72b2b !important;
}

.picker.location.error-field .location-pick {
  border-color: #e72b2b !important;
  background: #fff5f5 !important;
}

html[mode="dark"] .picker.location.error-field {
  border-color: #ff6b6b !important;
}

html[mode="dark"] .picker.location.error-field .location-pick {
  border-color: #ff6b6b !important;
  background: #2a1515 !important;
}

.item-publish .box .dsc textarea.error:not(:focus) {
  border-color: #e72b2b !important;
}

html[mode="dark"] .item-publish .box .dsc textarea.error:not(:focus) {
  border-color: #ff6b6b !important;
  border-left-width: 4px !important;
}

/* SELECT2 CATEGORY ERROR STYLING */
.select2-container .select2-selection.error {
  border-color: #e72b2b !important;
}

html[mode="dark"] .select2-container .select2-selection.error {
  border-color: #ff6b6b !important;
}

/* LOCATION AUTOCOMPLETE ERROR STYLING */
.picker.location.error {
  border-color: #e72b2b !important;
}

.picker.location.error .location-pick {
  border-color: #e72b2b !important;
}

html[mode="dark"] .picker.location.error {
  border-color: #ff6b6b !important;
}

html[mode="dark"] .picker.location.error .location-pick {
  border-color: #ff6b6b !important;
}

/* ===== STRONG ERROR BORDER OVERRIDES ===== */
.select2-container .select2-selection.error {
  border-color: #e72b2b !important;
  border-top: 1px solid #e72b2b !important;
  border-right: 1px solid #e72b2b !important;
  border-bottom: 1px solid #e72b2b !important;
}

.select2-container.select2-container--focus .select2-selection.error {
  border-color: #e72b2b !important;
  box-shadow: none !important;
}

html[mode="dark"] .select2-container .select2-selection.error {
  border-color: #ff6b6b !important;
  border-top: 1px solid #ff6b6b !important;
  border-right: 1px solid #ff6b6b !important;
  border-bottom: 1px solid #ff6b6b !important;
}

html[mode="dark"] .select2-container.select2-container--focus .select2-selection.error {
  border-color: #ff6b6b !important;
  box-shadow: none !important;
}

.picker.location.error {
  border-color: #e72b2b !important;
  border-top: 1px solid #e72b2b !important;
  border-right: 1px solid #e72b2b !important;
  border-bottom: 1px solid #e72b2b !important;
}

.picker.location.error .location-pick {
  border-color: #e72b2b !important;
}

html[mode="dark"] .picker.location.error {
  border-color: #ff6b6b !important;
  border-top: 1px solid #ff6b6b !important;
  border-right: 1px solid #ff6b6b !important;
  border-bottom: 1px solid #ff6b6b !important;
}

html[mode="dark"] .picker.location.error .location-pick {
  border-color: #ff6b6b !important;
}


/* ===== ENHANCED REAL-TIME VALIDATION STYLES (v2) ===== */
/* Questi stili sovrascrivono i precedenti per garantire che ogni messaggio di errore appaia sotto il suo campo */
.error-message.realtime-error {
  width: 100%;
  box-sizing: border-box;
  flex-basis: 100%;
  word-wrap: break-word;
  white-space: normal;
}

.error-message.realtime-error.show {
  display: block !important;
  animation: fadeIn 0.2s ease-in-out;
}

/* Posizionamento specifico per elementi form */
input+.error-message.realtime-error,
textarea+.error-message.realtime-error,
select+.error-message.realtime-error {
  margin-top: 6px;
  margin-bottom: 0;
  padding: 0;
  display: block !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Assicura che gli error-message non siano collassati in flex/grid containers */
#post-hooks .error-message.realtime-error,
#post-hooks2 .error-message.realtime-error {
  width: 100%;
  min-height: auto;
}

#category-error {
    margin-top: -24px !important;
}

#gdpr_combined-error {
    margin-top: -2px !important;
}

/* CUSTOM FIELD ERROR BORDER - SUPER SPECIFICO */
#post-hooks input.error,
#post-hooks2 input.error,
#post-hooks select.error,
#post-hooks2 select.error,
#post-hooks textarea.error,
#post-hooks2 textarea.error {
  border-color: #e72b2b !important;
  border-width: 1px !important;
}

#post-hooks input.error:focus,
#post-hooks2 input.error:focus,
#post-hooks select.error:focus,
#post-hooks2 select.error:focus,
#post-hooks textarea.error:focus,
#post-hooks2 textarea.error:focus {
  border-color: #e72b2b !important;
  outline-color: #e72b2b !important;
}

section.home-latest h2 {
  display: flex;
  align-items: center;
  line-height: 30px;
  min-height: 30px;
  margin-bottom: 20px;
}

section.home-latest h2 .icon {
  display: flex;
  align-items: center;
  width: 30px;
  flex-shrink: 0;
}

section.home-latest h2 .icon i,
section.home-latest h2 .icon img {
  width: 23px;
  height: 23px;
  text-align: center;
  font-size: 24px;
}

section.home-latest h2 a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 30px;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}

section.home-latest h2 a:hover {
  text-decoration: underline;
}

section.home-latest h2 .count {
  display: flex;
  align-items: center;
  margin-left: 10px;
  color: #777;
  line-height: 30px;
  font-size: 12px;
  padding-top: 4px;
}

section.home-premium h2 {
  display: flex;
  align-items: center;
  line-height: 30px;
  min-height: 30px;
  margin-bottom: 20px;
}

section.home-premium h2 .icon {
  display: flex;
  align-items: center;
  width: 30px;
  flex-shrink: 0;
}

section.home-premium h2 .icon i,
section.home-premium h2 .icon img {
  width: 23px;
  height: 23px;
  text-align: center;
  font-size: 24px;
}

section.home-premium h2 a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 30px;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}

section.home-premium h2 a:hover {
  text-decoration: underline;
}

section.home-premium h2 .count {
  display: flex;
  align-items: center;
  margin-left: 10px;
  color: #777;
  line-height: 30px;
  font-size: 12px;
  padding-top: 4px;
}

.home-premium {
  background-color: #f7f9fa;
  /* Un grigio molto chiaro e neutro. Puoi provare anche #f5f5f5 */
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 20px;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}

section.home-latest .products.grid .simple-prod.large {
  width: calc(20% - 4px);
}

@media screen and (max-width: 768px) {
  section.home-latest .products.grid .simple-prod.large {
    width: calc(25% - 4px);
  }
}

section.home-searches {
  background: #ffffff;
  padding: 32px 0;
  margin: 24px 0;
  border-top: 1px solid #e9ecef;
}

section.home-searches .block {
  padding: 0;
}

section.home-searches h2 {
  font-size: 24px;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 28px;
  text-align: center;
}

section.home-searches .searches-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  justify-items: flex-start;
}

section.home-searches .search-column {
  padding: 0;
  text-align: left;
}

section.home-searches .search-column h3 {
  font-size: 13px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  padding-bottom: 8px;
}

section.home-searches .search-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

section.home-searches .search-column li {
  margin: 0;
  padding: 0;
}

section.home-searches .search-column a {
  display: block;
  color: #666;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 0;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
}

section.home-searches .search-column a:hover {
  color: #008f79;
  border-left-color: #008f79;
  padding-left: 11px;
}

@media screen and (max-width: 1600px) {
  section.home-searches .searches-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
  }
}

@media screen and (max-width: 1400px) {
  section.home-searches .searches-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 1200px) {
  section.home-searches .searches-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }
}

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

@media screen and (max-width: 768px) {
  section.home-searches {
    padding: 24px 0;
  }

  section.home-searches h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  section.home-searches .searches-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  section.home-searches .search-column h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  section.home-searches .search-column a {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  section.home-searches {
    padding: 20px 0;
  }

  section.home-searches h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  section.home-searches .search-column h3 {
    font-size: 13px;
  }

  section.home-searches .search-column a {
    font-size: 12px;
  }
}

section.home-all-categories {
  background: #f9fafb;
  padding: 32px 0;
  margin: 0;
  border-top: 1px solid #e9ecef;
}

section.home-all-categories .block {
  padding: 0;
}

section.home-all-categories h2 {
  font-size: 24px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 28px;
  text-align: left;
}

section.home-all-categories .categories-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

section.home-all-categories .category-column {
  padding: 0;
}

section.home-all-categories .category-column h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  padding-bottom: 8px;
}

section.home-all-categories .category-column h3 a {
  color: #1c1c1c;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 600;
}

section.home-all-categories .category-column h3 a:hover {
  color: #026958;
  text-decoration: underline;
}

section.home-all-categories .category-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

section.home-all-categories .category-column li {
  margin: 0;
  padding: 0;
}

section.home-all-categories .category-column a {
  display: block;
  color: #666;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 0;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  padding-left: 8px;
}

section.home-all-categories .category-column a:hover {
  color: #008f79;
  border-left-color: #008f79;
  padding-left: 11px;
}

@media screen and (max-width: 1400px) {
  section.home-all-categories .categories-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }
}

@media screen and (max-width: 1024px) {
  section.home-all-categories .categories-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  section.home-all-categories {
    padding: 24px 0;
  }

  section.home-all-categories h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  section.home-all-categories .categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  section.home-all-categories .category-column h3 {
    font-size: 13px;
    margin-bottom: 10px;
  }

  section.home-all-categories .category-column a {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  section.home-all-categories {
    padding: 20px 0;
  }

  section.home-all-categories h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  section.home-all-categories .categories-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  section.home-all-categories .category-column h3 {
    font-size: 13px;
  }

  section.home-all-categories .category-column a {
    font-size: 12px;
  }
}

html.is-pwa .pwa-hidden {
  display: none !important;
}

.pwa-only {
  display: none !important;
}

html.is-pwa .pwa-only {
  display: block !important;
}



html.is-pwa .products.list .simple-prod .description {
  display: none !important;
}

html.is-pwa #item header {
  padding: 0 !important;
}

html.is-pwa #item header .back,
html.is-pwa #item header .csearch-init,
html.is-pwa #item header .links1,
html.is-pwa #item header .links2 {
  display: none !important;
}

.pwa-page-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.pwa-page-loader.active {
  display: flex;
  opacity: 1;
}

.pwa-page-loader.fade-out {
  opacity: 0;
}

.pwa-page-loader .spinner {
  width: 48px;
  height: 48px;
  border: 3px solid transparent;
  border-top-color: var(--mb-color-primary, #ff2636);
  border-right-color: var(--mb-color-primary, #ff2636);
  border-radius: 50%;
  animation: pwa-spin 0.5s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

@keyframes pwa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* DUBIZZLE-STYLE HORIZONTAL BANNERS USATO.CH - SLIM EDITION */
#custom-home-banner.premium-banner {
  padding: 30px 0 40px;
  display: block;
  width: 100%;
  border-top: 1px solid #e8eaed;
}

.premium-banner .container {
  max-width: 1150px !important;
  width: 100%;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.premium-banner .banner-wrapper.horizontal {
  display: flex !important;
  flex-direction: column;
  gap: 16px; /* Tighter gap */
  width: 100%;
  align-items: center;
}

/* Wide Banner (Property/Generic) */
.premium-banner .banner-wide {
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.07); /* Più profondo */
  min-height: 110px;
  transition: all 0.3s ease;
  border: 1px solid #e8eaed;
  width: 100%;
  max-width: 100%;
  text-decoration: none !important;
}

.premium-banner .banner-wide:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08), 0 16px 40px rgba(0,0,0,0.09);
}

.premium-banner .banner-wide .banner-img {
  flex: 0 0 300px; /* Fixed width for slim image */
  background-size: cover;
  background-position: center;
  image-rendering: -webkit-optimize-contrast;
}

.premium-banner .banner-wide .banner-content {
  flex: 1;
  padding: 5px 35px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.premium-banner .banner-wide .banner-content .text-group {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  flex: 1;
}

.premium-banner .banner-content h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.premium-banner .banner-content p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.4;
}

.premium-banner .banner-content p strong {
  color: #333;
  font-weight: 700;
}

.premium-banner .badge {
  background: #fff0f0;
  color: #d10000;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: inline-block;
  white-space: nowrap !important; /* Prevent wrapping */
  width: fit-content !important;
  align-self: flex-start;
}

.premium-banner .btn-dub {
  background: #fbfbfb;
  color: #333 !important;
  padding: 10px 22px;
  border-radius: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  text-decoration: none !important;
  flex-shrink: 0;
  margin-left: 24px;
}

.premium-banner .btn-dub:hover {
  background: #fff;
  border-color: #999;
}

/* Split Banners (Tech/Fashion) */
.premium-banner .banner-split {
  display: flex !important;
  gap: 16px;
  width: 100%;
  justify-content: center;
}

.premium-banner .banner-half {
  flex: 1;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.07);
  min-height: 120px;
  border: 1px solid #e8eaed;
  transition: all 0.3s ease;
  padding: 0;
  text-decoration: none !important;
  position: relative;
}

.premium-banner .banner-half:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.premium-banner .banner-half .banner-img {
  flex: 0 0 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fafafa;
}

.premium-banner .banner-half .banner-content {
  flex: 1;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.premium-banner .banner-half h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.premium-banner .link-dub {
  color: var(--mb-color-secondary, #008f79);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  text-decoration: none !important;
}

/* BANNER + TITOLO HERO: nascosti su mobile */
@media (max-width: 768px) {
  #custom-home-banner.premium-banner,
  .home-main-title {
    display: none !important;
  }
}

/* LANGUAGE SELECTOR FIXES */
header .language-wrap {
  position: relative;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin-left: 5px;
}

header .language-wrap a.language.mini-btn {
  flex-direction: row !important;
  padding: 0 10px !important;
  min-width: auto !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

header .language-wrap a.language.mini-btn i.fa-globe {
  margin: 0 6px 0 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
  height: auto !important;
  width: auto !important;
  position: static !important;
}

header .language-wrap a.language.mini-btn strong {
  display: inline-block !important;
  font-size: 14px !important;
  margin: 0 !important;
  color: var(--mb-color3);
  line-height: 1 !important;
  height: auto !important;
  position: static !important;
}

header .language-wrap a.language.mini-btn i.fa-chevron-down {
  font-size: 10px !important;
  margin-left: 6px !important;
  color: var(--mb-color6);
  height: auto !important;
  width: auto !important;
  line-height: 1 !important;
  position: static !important;
}

header .language-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 8px;
  min-width: 150px;
  border-radius: 6px;
  margin-top: 2px;
}

header .language-wrap:hover .language-menu {
  display: block;
}

header .language-menu a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #333 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: 0.2s !important;
  white-space: nowrap !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  height: auto !important;
}

header .language-menu a:hover {
  background: #f5f5f5 !important;
  color: var(--mb-color-primary) !important;
}

header .language-menu a.active {
  font-weight: bold;
  color: var(--mb-color-primary) !important;
  background: #fafafa !important;
}

header .language-menu a span {
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  font-weight: normal;
}

html[mode="dark"] header .language-menu {
  background: var(--mb-color13);
  border-color: var(--mb-color9);
}

html[mode="dark"] header .language-menu a {
  color: var(--mb-color3) !important;
}

html[mode="dark"] header .language-menu a:hover {
  background: #000 !important;
  color: #fff !important;
}

/* MOVING LANGUAGE DROPDOWN TO THE RIGHT */
header .language-menu {
  right: -20px !important;
}

/* MOBILE LANGUAGE SELECTOR STYLES */
.menu-links.isMobile {
  display: flex;
  align-items: center;
  gap: 15px;
}

.menu-links.isMobile .language-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.menu-links.isMobile .language-wrap a.language {
  display: flex;
  align-items: center;
  color: #333;
  text-decoration: none;
  position: relative;
}

.menu-links.isMobile .language-wrap a.language i.fa-globe {
  font-size: 24px;
  color: #444;
}

.menu-links.isMobile .language-wrap a.language strong {
  font-size: 11px;
  background: var(--mb-color-primary);
  color: #fff;
  padding: 1px 4px;
  border-radius: 4px;
  position: absolute;
  top: -5px;
  right: -8px;
  line-height: 1;
  font-weight: bold;
}

.menu-links.isMobile .language-wrap .language-menu {
  display: none;
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 10px;
}

.menu-links.isMobile .language-wrap.is-open .language-menu {
  display: block;
}

.menu-links.isMobile .language-wrap .language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

.menu-links.isMobile .language-wrap .language-menu a:last-child {
  border-bottom: none;
}

.menu-links.isMobile .language-wrap .language-menu a.active {
  color: var(--mb-color-primary);
  font-weight: bold;
}

.menu-links.isMobile .language-wrap .language-menu a span {
  color: #888;
  font-size: 14px;
}


/* FIXING MOBILE LANGUAGE BADGE WRAPPING */
.menu-links.isMobile .language-wrap a.language strong {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 16px !important;
  width: auto !important;
  padding: 0 3px !important;
}

/* INLINE DESKTOP LANGUAGE SELECTOR WITH ICON AND ACTIVE STATE */
.language-inline.desktop-only {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 15px !important;
  font-size: 14px !important;
  color: #ccc !important;
  height: 100% !important;
}

.language-inline.desktop-only i.fa-globe {
  margin-right: 8px !important;
  color: #666 !important;
  font-size: 16px !important;
}

.language-inline.desktop-only a {
  color: var(--mb-color3) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.1s !important;
  padding: 0 2px !important;
  line-height: 1.2 !important;
}

.language-inline.desktop-only a:hover {
  color: var(--mb-color-primary) !important;
}

.language-inline.desktop-only a.active {
  color: var(--mb-color-primary) !important;
  font-weight: 800 !important;
  pointer-events: none !important;
  border-bottom: 2px solid var(--mb-color-primary);
}

.language-inline.desktop-only span {
  color: #ddd !important;
  font-weight: 300 !important;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}



/* CATEGORY MODAL STYLES - PREMIUM SPLIT VIEW */
.category-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}

.category-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 20, 30, 0.55);
  backdrop-filter: blur(4px);
  z-index: 1;
}

.category-modal-content {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .category-modal-content {
    width: 88%;
    max-width: 860px;
    height: 78vh;
    max-height: 520px;
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
  }
}

/* HEADER */
.category-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  background: #fff;
  height: 62px;
  flex-shrink: 0;
}

.category-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  flex-grow: 1;
  text-align: center;
  order: 2;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.close-category-modal {
  font-size: 28px;
  cursor: pointer;
  color: #999;
  order: 3;
  padding: 0 4px;
  transition: color 0.2s ease;
  line-height: 1;
}

.close-category-modal:hover {
  color: #333;
}

.back-category-modal {
  background: none;
  border: none;
  font-size: 14px;
  color: #028570;
  cursor: pointer;
  padding: 0 10px 0 0;
  margin: 0;
  display: none;
  order: 1;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: 600;
}

/* BODY SPLIT VIEW */
.category-modal-body {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

/* SIDEBAR — bianca con bordo sottile, niente grigio */
.modal-sidebar {
  width: 34%;
  background: #f7f8f9 !important;
  border-right: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sidebar-scroll-area {
  flex-grow: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}

.sidebar-scroll-area::-webkit-scrollbar {
  width: 4px;
}
.sidebar-scroll-area::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-scroll-area::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

.sidebar-footer-fixed {
  flex-shrink: 0;
  border-top: 1px solid #ddd;
  background: #fff;
}

.sidebar-list {
  list-style: none;
  padding: 8px;
  margin: 0;
}

.sidebar-item {
  cursor: pointer;
  border-bottom: none;
  background: transparent;
  border-radius: 10px;
  transition: background 0.15s ease;
  margin-bottom: 2px;
}

.sidebar-item .item-inner {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  border-radius: 10px;
}

.sidebar-item:hover {
  background: rgba(2, 133, 112, 0.07);
}

.sidebar-item.active {
  background: #028570;
  border-left: none;
  border-radius: 10px;
}

.sidebar-item.active .cat-name {
  color: #fff;
  font-weight: 700;
}

.sidebar-item .cat-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: #028570;
  background: rgba(2, 133, 112, 0.1);
  border-radius: 50%;
  font-size: 16px;
}

.sidebar-item.all-cats .cat-icon {
  background: #666;
  color: #fff;
}

.sidebar-item .cat-name {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

/* MAIN CONTENT */
.modal-main {
  width: 65%;
  overflow-y: auto;
  padding: 40px 30px 0px 30px !important;
  background: #fff;
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}

.modal-main::-webkit-scrollbar {
  width: 4px;
}
.modal-main::-webkit-scrollbar-track {
  background: transparent;
}
.modal-main::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ccc;
  text-align: center;
}

.empty-state i {
  font-size: 40px;
  margin-bottom: 10px;
}

/* Subcategory Groups */
.subcategory-group {
  display: block;
  margin-bottom: 30px;
}

.group-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.group-header:hover .group-title {
  color: var(--mb-color-primary);
}

.group-header .group-icon {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: #028570;
  flex-shrink: 0;
}

.group-header .group-icon img {
  width: 100% !important;
  height: 100% !important;
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: contain;
}

.group-header .group-icon i {
  font-size: 20px;
}

.group-header .group-title {
  font-size: 18px;
  font-weight: 700;
  color: #028570;
  margin: 0;
  text-transform: uppercase;
}

#category-modal.is-post-context .group-header {
  cursor: default;
}

#category-modal.is-post-context .group-header:hover .group-title {
  color: #028570;
}



.sub-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sub-item {
  font-size: 15px;
  color: #3c4858;
  padding: 5px 0;
  cursor: pointer;
  transition: color 0.2s;
}

.sub-item:hover {
  color: #028570;
  font-weight: 500;
}

.sub-item.parent-select {
  grid-column: span 2;
  padding: 10px 15px;
  background: #f9f9f9;
  border-radius: 6px;
  margin-bottom: 10px;
  color: #028570;
}

.sub-item.parent-select strong {
  font-weight: 700;
}

/* MOBILE STYLES */
.mobile-only {
  display: none !important;
}

@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }

  .desktop-hidden {
    display: none !important;
  }



  .back-category-modal {
    display: none;
    /* Hidden by default */
    align-items: center;
    background: none;
    border: none;
    font-size: 14px;
    color: #555;
    padding: 0;
    cursor: pointer;
    font-weight: 500;
  }

  /* When visible via JS */
  .back-category-modal[style*="display: flex"],
  .back-category-modal[style*="display: block"] {
    display: flex !important;
  }

  .category-modal-footer {
    padding: 15px;
    background: #fff;
    border-top: 1px solid #eee;
    flex-shrink: 0;
  }

  /* Drill-down behavior for mobile */
  .modal-sidebar {
    width: 100%;
    border-right: none;
  }

  .modal-main {
    position: absolute;
    top: 0;
    left: 100%;
    /* Hidden off-screen */
    width: 100%;
    height: 100%;
    background: #fff;
    transition: transform 0.3s ease;
    padding: 10px 0;
    display: block !important;
    /* Override none from init */
    z-index: 10;
  }

  .modal-main.active {
    transform: translateX(-100%);
  }

  /* Show only the active subcategory group on mobile */
  .modal-main .subcategory-group {
    display: none;
    padding: 0 15px;
  }

  .modal-main .subcategory-group.active {
    display: block;
    animation: fadeIn 0.3s;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .sub-grid {
    grid-template-columns: 1fr;
    /* Single column */
    gap: 0;
  }

  .sub-item {
    padding: 12px 20px;
    border-bottom: 1px solid #f9f9f9;
  }

  .subcategory-group {
    display: block !important;
    /* Show but content controlled */
  }

  .subcategory-group:not(.active) {
    display: none !important;
  }

  .group-header {
    padding: 0 20px 10px;
    margin-top: 10px;
  }

  .sidebar-item .arrow {
    margin-left: auto;
    color: #ccc;
    font-size: 12px;
    display: block !important;
  }

}

/* Custom Input Trigger Style & Wrapper - GLOBAL SCOPE */
.category-select-wrapper {
  position: relative;
  flex-grow: 2;
  /* increased grow */
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  min-width: 300px;
  background: #fff;
  height: 46px;
}

.category-select-wrapper .svg-left {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
  width: 20px;
  height: 20px;
  fill: #999;
}

.category-input-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 15px !important; /* Aggiunto padding richiesto */
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0 15px 0 44px;
  /* Adjusted padding */
  border: none;
  outline: none;
}

.category-input-trigger span {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #555;
  font-size: 16px;
  /* Match input font size */
  font-weight: 400;
}

.category-input-trigger i {
  color: #999;
  margin-left: 12px;
  font-size: 14px;
}

.category-input-trigger:hover {
  background: #fdfdfd;
}

/* Greenpeace Section */
.home-greenpeace {
  padding: 50px 0 120px 0;
  /* Aumentato ulteriormente lo spazio sotto a 120px */
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 60px;
}

.home-greenpeace h2 {
  text-align: center !important;
  margin-bottom: 40px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2a9d8f !important;
  display: block !important;
}

.greenpeace-row {
  display: flex !important;
  justify-content: center !important;
  gap: 30px !important;
  flex-wrap: nowrap !important;
  max-width: 1100px !important;
  /* Aumentato il max-width della riga per ospitare immagini più grandi */
  margin: 0 auto !important;
}

.gp-item {
  flex: 0 1 auto !important;
  text-align: center !important;
}

.gp-item img {
  width: 100% !important;
  max-width: 200px !important;
  /* Aumentato a 200px */
  height: auto !important;
  border-radius: 8px !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.gp-item img:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

@media (max-width: 768px) {
  .home-greenpeace h2 {
    font-size: 20px;
  }

  .greenpeace-row {
    gap: 15px !important;
    padding: 0 15px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .gp-item {
    flex: 0 1 calc(50% - 15px) !important;
    max-width: calc(50% - 15px) !important;
  }

  .gp-item img {
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .home-greenpeace h2 {
    font-size: 18px;
    margin-bottom: 25px !important;
  }

  .greenpeace-row {
    gap: 10px !important;
    padding: 0 10px !important;
  }

  .gp-item {
    flex: 0 1 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
  }

  .gp-item img {
    max-width: 100% !important;
  }
}



/* CH text/flag switching */
.ch-mobile {
  display: none;
}

.ch-desktop {
  display: inline;
}

@media screen and (max-width: 768px) {
  .ch-desktop {
    display: none;
  }

  .ch-mobile {
    display: inline;
  }
}

/* CUSTOM USATOCH STYLES */

#home-cat a.cat-card.has-photo-modern { height: auto !important; background: #fff !important; border: 1px solid #eee !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; text-decoration: none !important; }
#home-cat a.cat-card.has-photo-modern:hover { border-color: #ddd !important; box-shadow: 0 8px 15px rgba(0,0,0,0.08) !important; transform: translateY(-3px) !important; }
.cat-img-box { position: relative !important; width: 100% !important; height: 100px !important; overflow: hidden !important; background: #f4f4f4 !important; }
#home-cat a.cat-card .cat-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; z-index: 1 !important; transition: transform 0.5s ease !important; }
#home-cat a.cat-card:hover .cat-bg { transform: scale(1.1) !important; }
#home-cat a.cat-card.has-photo-modern .cat-info { position: relative !important; height: auto !important; min-height: 48px !important; padding: 10px 6px !important; text-align: center !important; z-index: 3 !important; background: #fff !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; }
#home-cat a.cat-card.has-photo-modern h3 span { color: #111827 !important; text-shadow: none !important; font-size: 13px !important; font-weight: 600 !important; white-space: normal !important; display: block !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.2 !important; }
#home-cat a.cat-card.has-photo-modern .lab { top: 5px !important; right: 5px !important; font-size: 8px !important; padding: 1px 6px !important; }

/* Hero Brand Section */
#home-hero-text-section {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
}
.home-hero-text {
  text-align: center !important;
  margin-bottom: 20px !important;
  padding-top: 70px !important;
  display: none;
  width: 100% !important;
}

.home-hero-text h1 {
  font-size: 52px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.home-hero-text p {
  font-size: 24px !important;
  color: #4b5563 !important;
  margin: 0 !important;
  font-weight: 400 !important;
  text-align: center !important;
}
@media (max-width: 768px) {
  .home-hero-text {
    padding: 20px 20px 0 20px !important;
    margin-bottom: 25px !important;
  }
  .home-hero-text h1 {
    font-size: 34px !important;
    letter-spacing: -0.5px !important;
  }
  .home-hero-text p {
    font-size: 18px !important;
  }
}

/* ========================================================
   HOME MARKETPLACE SKELBIU DENSE LAYOUT
   ======================================================== */

#home-container {
    padding-top: 24px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
#home-side-menu {
    width: 250px;
    flex-shrink: 0;
    position: sticky;
    top: 76px;
    display: flex;
    flex-direction: column;
}
#home-main-content {
    flex-grow: 1;
    max-width: calc(100% - 274px);
    width: 100%;
    min-width: 0;
}
.home-cat-list a:hover {
    background: #f4f4f4 !important;
    color: #028570 !important;
}

/* MASSIVE DENSE GRID */
.products.grid.dense-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}
.products.grid.dense-grid > .simple-prod {
    width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    border: 1px solid #e0e0e0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff;
    padding: 0 !important;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}
.products.grid.dense-grid > .simple-prod:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    transform: translateY(-2px);
}
.products.grid.dense-grid > .simple-prod .simple-wrap {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.products.grid.dense-grid > .simple-prod .img-wrap {
    width: 100% !important;
    aspect-ratio: 1 !important;
    overflow: hidden;
    position: relative;
    background: #f4f4f4;
    border-radius: 6px 6px 0 0 !important;
}
.products.grid.dense-grid > .simple-prod .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products.grid.dense-grid > .simple-prod .data {
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.products.grid.dense-grid > .simple-prod .price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #028570 !important;
    margin-bottom: 5px !important;
}
.products.grid.dense-grid > .simple-prod .title {
    font-size: 13px !important;
    line-height: 1.4 !important;
    height: 36px !important; /* maximum 2 lines */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-weight: 500 !important;
    color: #2c2c2c !important;
    margin-bottom: 8px !important;
}
.products.grid.dense-grid > .simple-prod .loc,
.products.grid.dense-grid > .simple-prod .date {
    font-size: 11px !important;
    color: #888 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-top: auto !important;
}
/* Hide redundant elements in dense grid */
.products.grid.dense-grid > .simple-prod .extra,
.products.grid.dense-grid > .simple-prod .desc,
.products.grid.dense-grid > .simple-prod .pwa-price {
    display: none !important;
}
.products.grid.dense-grid > .simple-prod .favorite {
    top: 6px !important;
    right: 6px !important;
}

/* RESPONSIVE LAYOUT adjustments */
@media screen and (max-width: 1200px) {
    .products.grid.dense-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media screen and (max-width: 991px) {
    .products.grid.dense-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    #home-side-menu {
        display: none !important;
    }
    #home-main-content {
        max-width: 100% !important;
    }
}
@media screen and (max-width: 600px) {
    .products.grid.dense-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .products.grid.dense-grid > .simple-prod .data {
        padding: 8px !important;
    }
    #home-compact-search form {
        flex-direction: column !important;
        gap: 10px !important;
    }
    #home-compact-search form > div {
        width: 100% !important;
        margin: 0 !important;
        border: none !important;
    }
    #home-compact-search form button {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 6px !important;
    }
}


/* TRENDING AD SECTION REFINEMENT */
.home-trending-ad {
  margin: 20px 0 40px 0;
  background: #f1f5f9; /* Subtle contrast background */
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}







.trending-card {
  display: flex;
  padding: 24px;
  gap: 24px;
  background: #fff;
  border: 1px solid #edf2f7;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
}

.trending-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.ad-image-box {
  width: 200px;
  min-width: 200px;
  height: 140px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.ad-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wow-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(255, 255, 255, 0.95);
  color: #c2410c;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 2;
}

.ad-info-box {
  flex-grow: 1;
}

.ad-info-box h3 {
  font-size: 22px;
  font-weight: 800;
  margin: 8px 0 16px 0;
  line-height: 1.3;
}

.ad-info-box h3 a {
  color: #0f172a;
  text-decoration: none;
}

.ad-info-box h3 a:hover {
  color: #0d9488;
}

.ad-meta {
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  gap: 8px;
}

.ad-price-row {
  display: flex;
  align-items: center;
  gap: 24px;
}

.ad-price-row .price {
  font-size: 26px;
  font-weight: 900;
  color: #0d9488;
}

.ad-price-row .views {
  color: #94a3b8;
  font-size: 15px;
  font-weight: 500;
  background: #f8fafc;
  padding: 4px 12px;
  border-radius: 6px;
}

.btn-view-trend {
  background: #0d9488;
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.btn-view-trend:hover {
  background: #0f766e;
  transform: scale(1.05);
}


/* UNIFIED SEARCH BAR REDESIGN - FLEXBOX STABILITY (MATCHING REFERENCE PHOTO) */
.unified-search-box {
  display: flex !important;
  align-items: stretch !important;
  height: 54px !important; 
  background: #fff !important;
  border-radius: 10px !important;
  border: 2px solid #028570 !important;
  width: 100% !important;
  overflow: visible !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  position: relative !important;
  z-index: 1000 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.unified-field {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* Visible Vertical Separators */
.unified-field:not(:last-child) {
  border-right: 1px solid #e2e8f0 !important;
}

/* Picker Fix for Native Functions (Osclass/Zeta) */
.u-picker-fix {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  position: static !important;
}

.u-picker-fix .icon {
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  fill: #94a3b8 !important;
  flex-shrink: 0 !important;
  margin: 0 10px !important;
  padding: 0 !important;
  order: -1 !important;
  position: static !important; /* Forces icon into flex flow, preventing overlap */
  transform: none !important;  /* Removes any theme-default centering transforms */
}

.u-picker-fix input {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent none !important;
  font-size: 15px !important;
  padding: 0 12px 0 0 !important; /* Padding for text after the icon area */
  color: #475569 !important;
  text-indent: 0 !important;
  min-width: 0 !important;
}

/* Inline Icons for manual fields */
.u-field-icon {
  width: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
  font-size: 15px !important;
  flex-shrink: 0 !important;
}

/* Category Trigger - Scoped to unified search only */
.unified-search-box .category-input-trigger {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 12px 0 0 !important;
  cursor: pointer !important;
  font-size: 15px !important;
  color: #475569 !important;
}

/* Hide duplicate pseudo-icons */
.unified-field .search-input-wrapper:before, .unified-field .search-input-wrapper:after,
.unified-field .location-input-wrapper:before, .unified-field .location-input-wrapper:after,
.u-picker-fix:before, .u-picker-fix:after, .unified-field input:before, .unified-field input:after {
  display: none !important;
  content: none !important;
}

.unified-search-box .category-input-trigger {
  cursor: pointer !important;
  justify-content: space-between !important;
  font-family: inherit !important;
}

.cat-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Category arrow */
.u-chevron {
  font-size: 11px !important;
  color: #94a3b8 !important;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
}

/* Dropdown results */
.unified-field .results {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 320px !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 8px 8px !important;
  border: 1px solid #e2e8f0 !important;
  z-index: 1000 !important;
  background: #fff !important;
}

/* Search button (Compact Teal) */
.unified-search-btn {
  width: 60px !important;
  background: #028570 !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 7px 7px 0 !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.unified-search-btn i {
  color: #fff !important;
  font-size: 20px !important;
}

.unified-search-btn:hover {
  background: #016a59 !important;
}

/* Responsive tweaks */
@media (max-width: 900px) {
  #home-compact-search { padding: 15px !important; }
  .unified-search-box {
    flex-direction: column !important;
    height: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 12px !important;
  }
  .unified-field {
    width: 100% !important;
    height: 54px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
  }
  .unified-field.field-category {
    display: none !important;
  }
  .unified-search-btn {
    width: 100% !important;
    height: 54px !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
  }
}

.unified-search-btn:hover {
  background: #016a59 !important;
}

/* HOMEPAGE RESTORATION STYLES - SWISS STYLE RECONSTRUCTION */
.home-stats-row .stat-box {
  flex: 1;
  padding: 0 10px;
}

.home-stats-row .stat-box span:first-child {
  font-family: 'Inter', -apple-system, sans-serif !important;
  margin-bottom: 4px;
}



.home-sidebar-cities li a:hover {
  background: #f8fafc !important;
}

.home-sidebar-cities li a:hover i {
  color: #028570 !important;
}

.home-sidebar-cities li a span:last-child {
  padding: 2px 6px;
  border-radius: 4px;
  color: #475569;
  font-weight: 600;
}

#home-compact-search {
  transition: box-shadow 0.3s ease;
}

#home-compact-search:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

@media (max-width: 900px) {
  .unified-search-box {
    flex-direction: column !important;
    height: auto !important;
    border-bottom: none !important;
  }
  .unified-field {
    width: 100% !important;
    height: 52px !important;
    border-right: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }
  .unified-search-btn {
    width: 100% !important;
    height: 52px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .home-stats-row {
    flex-wrap: wrap;
    gap: 20px;
  }
  .home-stats-row div[style*="width:1px"] {
    display: none;
  }
  .home-stats-row .stat-box {
    flex-basis: 45%;
  }
  .trending-card {
    flex-direction: column;
    text-align: center;
  }
}

/* HEADER REDESIGN - SWISS STYLE PRO */
header .container.cmain {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
  max-width: 1150px !important; /* Forza la larghezza della homepage ovunque */
  width: 100% !important;
}

.header-nav-center {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: 40px;
  margin-right: auto;
}

.header-nav-center .nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #475569;
  font-weight: 600;
  font-size: 14.5px;
  transition: color 0.2s;
  position: relative;
}

.header-nav-center .nav-item i {
  font-size: 16px;
  color: #64748b;
}

.header-nav-center .nav-item:hover {
  color: #028570;
}

.nav-badge {
  position: absolute;
  top: -8px;
  right: -12px;
  background: #ff4757;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 5px;
  border-radius: 10px;
  line-height: 1;
}

.header-nav-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nav-login {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #475569;
  font-weight: 600;
  font-size: 14.5px;
}

.btn-outline-reg {
  border: 1px solid #028570;
  color: #028570;
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s;
}

.btn-outline-reg:hover {
  background: rgba(2, 133, 112, 0.05);
}

.nav-alert-bell {
  color: #64748b;
  font-size: 18px;
  position: relative;
  text-decoration: none;
}

.alert-pulse {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background: #ff4757;
  border-radius: 50%;
  border: 2px solid #fff;
}

.header-lang-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 600;
}

.header-lang-switcher a {
  text-decoration: none;
  color: #64748b;
}

.header-lang-switcher a.active {
  color: #028570;
  text-decoration: underline;
}

.lang-divider {
  color: #e2e8f0;
}

.btn-vendi-teal {
  background: #028570;
  color: #fff;
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: background 0.2s;
}

.btn-vendi-teal:hover {
  background: #016a59;
}

@media (max-width: 1024px) {
  .header-nav-center {
    display: none;
  }
}

/* HERO SEARCH MODERNIZATION - SWISS STYLE */
.home-pill-ad-link {
  background: #f0fdfa;
  border: 1px solid #ccfbf1;
  color: #0d9488;
  padding: 4px 12px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.2s;
  font-size: 13px;
}

.home-pill-ad-link:hover {
  background: #ccfbf1;
  border-color: #99f6e4;
  color: #0f766e;
  transform: translateY(-1px);
}

.home-unified-stats-trust {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px dashed #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.stat-mini-box {
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-width: 100px;
}

.stat-mini-box .val {
  font-size: 18px;
  font-weight: 800;
  color: #0d9488;
  line-height: 1.2;
}

.stat-mini-box .lbl {
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.trust-icons-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
}

.trust-item i {
  font-size: 14px;
  color: #0d9488;
}

@media (max-width: 1024px) {
  .home-unified-stats-trust {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .stats-compact-wrap {
    width: 100%;
    justify-content: space-between;
  }
  
  .stat-mini-box {
    flex: 1;
    min-width: 0;
  }
  
  .trust-icons-wrap {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 12px !important;
  }
}

/* PROFESSIONAL TRUST & STATS BAR - SWISS MARKETPLACE STYLE */
.home-modern-stats-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* Allineamento a sinistra solido */
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 1px solid #f1f5f9 !important;
  flex-wrap: nowrap !important; /* Forza riga singola su desktop/tablet */
  gap: 32px !important;
}

.stats-boxes-side {
  display: flex !important;
  gap: 24px !important;
  padding-right: 32px !important;
  border-right: 1.5px solid #f1f5f9 !important; /* Separatore verticale professionale */
}

.m-stat-box {
  display: flex !important;
  flex-direction: column !important;
  min-width: fit-content !important;
}

.m-stat-box .v {
  font-size: 20px !important; /* Leggermente ridotto per compattezza */
  font-weight: 800 !important;
  color: #028570 !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
}

.m-stat-box .l {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

.trust-labels-side {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.m-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  white-space: nowrap !important;
  transition: 0.2s !important;
}

.m-trust-item:hover {
  color: #028570 !important;
}

.m-trust-item i {
  color: #028570 !important;
  font-size: 17px !important;
  opacity: 0.8 !important;
}

@media (max-width: 1024px) {
  .home-modern-stats-row { overflow-x: auto !important; padding-bottom: 10px !important; } /* Permette scroll orizzontale se non ci sta */
}

@media (max-width: 768px) {
  .home-modern-stats-row { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; flex-wrap: wrap !important; }
  .stats-boxes-side { border-right: none !important; padding-right: 0 !important; border-bottom: 1.5px solid #f1f5f9 !important; padding-bottom: 15px !important; width: 100% !important; justify-content: space-between !important; }
  .trust-labels-side { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}

/* ELITE SWISS HEADER - PREMIUM MINIMALISM */
header .container.cmain {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

header .links {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: auto !important;
}

header .links a.mini-btn, 
header .links a.simple {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    color: #475569 !important;
    text-decoration: none !important;
    transition: 0.2s !important;
}

header .links a.mini-btn i {
    font-size: 18px !important;
    margin-right: 6px !important;
    color: #64748b !important;
}

header .links a.mini-btn strong {
    font-weight: 500 !important;
    display: inline-block !important;
}

header .links a.mini-btn .counter {
    position: relative !important;
    top: -10px !important;
    right: 4px !important;
    margin-left: -8px !important;
}

/* AUTH BUTTONS ELITE STYLE */
header .links a.simple.register {
    border: 2px solid #028570 !important;
    border-radius: 6px !important;
    color: #028570 !important;
    padding: 0 16px !important;
    font-weight: 600 !important;
    background: transparent !important;
    height: 34px !important; /* Più basso ed elegante */
}

header .links a.simple.register:hover {
    background: #028570 !important;
    color: #fff !important;
}

header .links a.simple.nav-login {
    display: flex !important;
    gap: 6px !important;
}

/* SELL BUTTON ELITE STYLE */
header .links .publish {
    background: #FF7700 !important;
    color: #fff !important;
    height: 40px !important;
    padding: 0 22px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-left: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(2, 133, 112, 0.15) !important;
    width: auto !important; /* BLINDAGGIO: Impedisce all'elemento di allargarsi */
    flex-shrink: 0 !important;
}

header .links .publish:hover {
    background: #ED6F00 !important;
    box-shadow: 0 4px 10px rgba(2, 133, 112, 0.25) !important;
}

header .header-lang-switcher {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 500 !important;
    color: #475569 !important;
}

/* RESPONSIVE LABEL HIDING - ELITE TRANSITION */
@media (max-width: 1280px) {
    header .links { gap: 8px !important; }
    header .links a.mini-btn strong { display: none !important; }
}

@media (max-width: 1024px) {
    header .links { display: none !important; }
}

/* PREMIUM TRENDING AD CARD - E-COMMERCE STYLE */
.home-trending-ad {
  margin: 40px 0 60px 0 !important;
  background: #fff !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px -10px rgba(0,0,0,0.06), 0 4px 6px -2px rgba(0,0,0,0.04) !important;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
}

.home-trending-ad:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.12) !important;
}









.trending-card {
  display: flex !important;
  padding: 32px !important;
  gap: 36px !important;
  align-items: center !important;
}

.ad-image-box {
  width: 240px !important;
  height: 180px !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 8px 20px -5px rgba(0,0,0,0.08) !important;
}

.ad-image-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

.home-trending-ad:hover .ad-image-box img {
  transform: scale(1.08) !important;
}

.ad-info-box {
  flex-grow: 1 !important;
}

.ad-info-box .meta-top {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 5px !important;
  display: flex !important;
  gap: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.ad-info-box h3 {
  margin: 0 0 16px 0 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.ad-info-box h3 a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: 0.2s !important;
}

.ad-info-box h3 a:hover {
  color: #028570 !important;
}

.ad-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.ad-price-row .price {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #FF7700 !important;
  letter-spacing: -0.5px !important;
}

.ad-price-row .visits {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.btn-view-trend {
  background: #028570 !important;
  color: #fff !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  box-shadow: 0 10px 15px -3px rgba(2, 133, 112, 0.3) !important;
}

.btn-view-trend:hover {
  background: #016a59 !important;
  transform: scale(1.1) rotate(5deg) !important;
  box-shadow: 0 20px 25px -5px rgba(2, 133, 112, 0.4) !important;
}

@media (max-width: 768px) {
  /* Search Bar Mobile Refinement */
  .unified-search-box {
    flex-direction: column !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 2px solid #028570 !important;
    gap: 0 !important;
  }
  
  .unified-field {
    width: 100% !important;
    flex: none !important;
    height: 56px !important;
    border-right: none !important;
    border-bottom: 1.5px solid #e2e8f0 !important; /* Divisore visibile */
    background: #fff !important;
    margin: 0 !important;
  }
  
  .unified-field:nth-last-of-type(1) { border-bottom: none !important; }
  
  .unified-search-btn {
    width: 100% !important;
    height: 60px !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  /* Fix for stacked words in trending/latest searches */
  .home-info-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    padding: 8px 0 !important;
    gap: 8px !important;
    height: auto !important;
    overflow: hidden !important;
    align-items: center !important;
  }

  .home-info-row strong {
    min-width: 110px !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
  }

  .home-info-row-items {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding-left: 4px !important;
  }
  
  .home-pill-ad-link,
  .home-latest-link {
    display: inline-block !important;
    width: auto !important;
    flex: initial !important;
    white-space: nowrap !important;
    background: #f1f5f9 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    max-width: none !important;
  }

  /* Trending Card & Stats */
  .trending-card { flex-direction: column !important; text-align: left !important; gap: 16px !important; }
  .ad-image-box { width: 100% !important; height: 180px !important; }
  .ad-info-box { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
  .meta-top { justify-content: flex-start !important; width: 100% !important; }
  .ad-price-row { justify-content: flex-start !important; gap: 12px !important; width: 100% !important; }
  .btn-view-trend { display: none !important; }
}

/* MOBILE REFINEMENTS BY ZENCODER */
@media (max-width: 768px) {
  #home-container {
    padding-top: 16px !important;
    gap: 16px !important;
  }

  #home-compact-search {
    padding: 16px !important;
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
  }

  #home-compact-search h1 {
    font-size: 26px !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.5px !important;
    font-weight: 800 !important;
  }

  #home-compact-search p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
    opacity: 0.9 !important;
  }

  .unified-search-box {
    border-width: 1px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-top: 10px !important;
  }

  .unified-field {
    height: 50px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .unified-field:last-of-type {
    border-bottom: none !important;
  }

  .u-field-icon {
    width: 44px !important;
    font-size: 14px !important;
    color: #94a3b8 !important;
  }

  .unified-search-btn {
    height: 52px !important;
    font-size: 18px !important;
    border-radius: 0 0 8px 8px !important;
    width: 100% !important;
  }

  .home-top-searches-row {
    margin-top: 16px !important;
    padding-top: 16px !important;
    gap: 8px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .home-pill-ad-link {
    font-size: 12px !important;
    padding: 4px 12px !important;
    background: #f0fdfa !important;
    border: 1px solid #ccfbf1 !important;
    border-radius: 20px !important;
    max-width: none !important;
    flex-shrink: 0 !important;
  }

  /* Padding zero solo per la ricerca in homepage su mobile */
  .unified-search-box .category-input-trigger,
  #home-compact-search .category-input-trigger {
    padding-left: 0 !important;
  }

  .category-input-trigger {
    font-size: 15px !important;
  }

  .cat-text {
    font-weight: 500 !important;
    color: #475569 !important;
  }

  /* Header adjustments for mobile */
  header .container.cmain {
    padding: 0 16px !important;
    height: 64px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  header .logo img {
    height: 28px !important;
    width: auto !important;
  }

  .menu-links.isMobile {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    margin-left: auto !important;
  }

  .language-wrap.mobile .language.mini-btn {
    padding: 4px 8px !important;
    font-size: 13px !important;
    background: #f8fafc !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
  }

  header a.menu, header a.account {
    width: 36px !important;
    height: 36px !important;
    padding: 4px !important;
  }

  header a.menu svg, header a.account svg {
    height: 24px !important;
    width: auto !important;
  }
}


/* ============================================================
   USATOCH MOBILE FIX - ZETA THEME - SOLO PARTE MOBILE
   Queste regole sovrascrivono gli stili inline di main.php
   SOLO per viewport mobili. Desktop non e' toccato.
   ============================================================ */

/* --- TABLET E MOBILE: nasconde sidebar, full-width content --- */
@media screen and (max-width: 991px) {

  /* Sovrascrive lo stile inline di #home-container */
  #home-container {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 16px !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  /* Nasconde la sidebar completamente */
  #home-side-menu {
    display: none !important;
    width: 0 !important;
  }

  /* Il contenuto principale occupa tutto */
  #home-main-content {
    max-width: 100% !important;
    width: 100% !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
  }

  /* Search box compatto */
  #home-compact-search {
    padding: 18px 16px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
  }

  /* Grid prodotti: 3 colonne su tablet */
  .products.grid.dense-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  /* Trending ad: layout colonna */
  .trending-card {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 20px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .ad-image-box {
    width: 100% !important;
    height: 200px !important;
    border-radius: 10px !important;
  }

  .ad-info-box h3 {
    font-size: 20px !important;
  }

  .ad-price-row .price {
    font-size: 24px !important;
  }

  .btn-view-trend {
    display: none !important;
  }

  .home-trending-ad {
    margin: 20px 0 30px 0 !important;
    padding: 0 !important;
  }

  

  /* Home info rows: fix wrapping - testo non piu' impilato */
  .home-info-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    align-items: center !important;
  }

  .home-info-row strong {
    min-width: auto !important;
    flex-shrink: 0 !important;
    width: auto !important;
    margin-right: 4px !important;
  }

  .home-pill-ad-link,
  .home-latest-link {
    display: inline-block !important;
    white-space: nowrap !important;
    flex: none !important;
  }

  /* Stats row tablet */
  .home-modern-stats-row {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    overflow-x: visible !important;
  }

  .stats-boxes-side {
    border-right: none !important;
    padding-right: 0 !important;
    gap: 16px !important;
  }

  /* Category sections headers */
  #home-main-content h2 {
    font-size: 17px !important;
  }

}

/* --- SOLO MOBILE PICCOLO: max 600px --- */
@media screen and (max-width: 600px) {

  /* Container con padding ridotto */
  #home-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Search box */
  #home-compact-search {
    padding: 14px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 16px !important;
  }

  /* Grid prodotti: 2 colonne su mobile piccolo */
  .products.grid.dense-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  /* dense-grid card su mobile: dati piu' compatti */
  .products.grid.dense-grid > .simple-prod .data {
    padding: 7px !important;
  }

  .products.grid.dense-grid > .simple-prod .price {
    font-size: 18px !important;
  }

  .products.grid.dense-grid > .simple-prod .title {
    font-size: 14px !important;
    height: 38px !important;
  }

  .products.grid.dense-grid > .simple-prod .loc,
  .products.grid.dense-grid > .simple-prod .date {
    font-size: 10px !important;
  }

  /* Unified search box verticale */
  .unified-search-box {
    flex-direction: column !important;
    height: auto !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    gap: 0 !important;
  }

  .unified-field {
    width: 100% !important;
    flex: none !important;
    height: 52px !important;
    border-right: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #fff !important;
  }

  .unified-field:last-of-type {
    border-bottom: none !important;
  }

  .unified-search-btn {
    width: 100% !important;
    height: 52px !important;
    border-radius: 0 0 8px 8px !important;
  }

  /* Trending compact */
  .home-trending-ad {
    margin: 12px 0 20px 0 !important;
  }

  .trending-card {
    padding: 14px !important;
    gap: 14px !important;
  }

  .ad-image-box {
    height: 160px !important;
  }

  .ad-info-box h3 {
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }

  .ad-price-row .price {
    font-size: 20px !important;
  }

  /* Stats row su mobile piccolo */
  .home-modern-stats-row {
    margin-top: 16px !important;
    padding-top: 14px !important;
    gap: 12px !important;
  }

  .stats-boxes-side {
    gap: 12px !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .m-stat-box .v {
    font-size: 17px !important;
  }

  .trust-labels-side {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .m-trust-item {
    font-size: 12px !important;
  }

  /* Blog strip su mobile: colonna singola */
  #home-blog-strip .products.grid.dense-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  /* Category sections su mobile */
  div[id^="home-category-"] h2 {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  div[id^="home-category-"] {
    margin-bottom: 24px !important;
  }

  /* Info rows piu' compatte */
  .home-top-searches-row {
    margin-top: 40px !important;
    padding-top: 10px !important;
  }

  .home-latest-searches-row {
    margin-top: 6px !important;
  }

  /* Link "See all" categoria */
  div[id^="home-category-"] h2 a {
    font-size: 12px !important;
    padding: 3px 8px !important;
  }

  /* Nascondere info-rows su mobile: ultime ricerche */
  .home-latest-searches-row {
    display: none !important;
  }

  /* Header mobile */
  header .container.cmain {
    padding: 0 12px !important;
    height: 56px !important;
  }

}

/* --- MOBILE ULTRA-SMALL: max 400px --- */
@media screen and (max-width: 400px) {
  #home-container {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .products.grid.dense-grid {
    gap: 6px !important;
  }

  .products.grid.dense-grid > .simple-prod .data {
    padding: 5px !important;
  }

  .products.grid.dense-grid > .simple-prod .price {
    font-size: 16px !important;
    margin-bottom: 3px !important;
  }

  .products.grid.dense-grid > .simple-prod .title {
    font-size: 12px !important;
    height: 32px !important;
  }

  .home-modern-stats-row {
    font-size: 12px !important;
  }

  #home-compact-search {
    padding: 10px 8px !important;
  }
}

/* Blog grid mobile fix - sovrascrive stile inline con repeat(4,1fr) */
@media screen and (max-width: 600px) {
  #home-blog-strip .products.grid.dense-grid[style] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

@media screen and (max-width: 400px) {
  #home-blog-strip .products.grid.dense-grid[style] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   FIX BARRA RICERCA MOBILE - SOLO MOBILE
   Shadow marcato, divisori visibili, icone allineate
   ============================================================ */
@media screen and (max-width: 991px) {

  /* Box di ricerca: rimosso fondo unico, aggiunta separazione */
  #home-compact-search .unified-search-box {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
    gap: 12px !important; /* Spazio tra i campi */
    background: transparent !important; /* Rende indipendenti i campi */
    box-shadow: none !important;
  }

  /* Ogni campo: ora box indipendente */
  #home-compact-search .unified-field {
    width: 100% !important;
    flex: none !important;
    height: 56px !important;
    border: 1px solid #e2e8f0 !important; /* Bordo su tutti i lati */
    background: #fff !important;
    margin: 0 !important;
    border-radius: 4px !important; /* FIX: Angoli a 4px come richiesto */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* Alziamo il z-index quando il campo e' attivo per evitare che i suggerimenti vadano sotto i campi successivi */
  #home-compact-search .unified-field:focus-within {
    z-index: 10 !important;
  }

  /* Fix per la finestra dei suggerimenti (dropdown) */
  #home-compact-search .picker .results {
    background: #fff !important;
    background-color: #fff !important;
    opacity: 1 !important;
    z-index: 999 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    border: 1px solid #e5e7eb !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    visibility: visible !important;
  }

  #home-compact-search .u-picker-fix {
    position: relative !important;
    overflow: visible !important;
  }

  /* Ultimo campo: mantiene il divisore prima del bottone */
  #home-compact-search .unified-field:last-of-type {
    border-bottom: 1px solid #e5e7eb !important;
  }

  /* FIX ALLINEAMENTO: rendi l'icona del campo categoria
     uguale alle icone dei campi pattern e localita' */
  #home-compact-search .unified-field .u-field-icon {
    width: 48px !important;
    min-width: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    font-size: 15px !important;
    color: #94a3b8 !important;
  }

  /* FIX ALLINEAMENTO: icona interna ai picker (pattern/location) */
  #home-compact-search .u-picker-fix .icon {
    width: 18px !important;
    margin: 0 15px !important;
    flex-shrink: 0 !important;
  }

  /* FIX ALLINEAMENTO: testo del bottone categoria senza padding extra */
  #home-compact-search .category-input-trigger {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 15px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  /* FIX ALLINEAMENTO: testo cat-text stesso colore/peso degli input */
  #home-compact-search .cat-text {
    font-weight: 400 !important;
    color: #6b7280 !important;
    font-size: 15px !important;
  }

  /* FIX ALLINEAMENTO: input nei campi pattern e location */
  #home-compact-search .u-picker-fix input {
    font-size: 15px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
  }

  /* Bottone ricerca: staccato, angoli arrotondati e shadow */
  #home-compact-search .unified-search-btn {
    width: 100% !important;
    height: 56px !important;
    margin-top: 4px !important;
    border-radius: 4px !important; /* FIX: Angoli a 4px come richiesto */
    font-size: 20px !important;
    box-shadow: 0 4px 12px rgba(2, 133, 112, 0.2) !important;
    flex-shrink: 0 !important;
  }

}

/* ============================================================
   PREMIUM TRENDING BADGE (SWISS MINIMALIST STYLE)
   ============================================================ */







/* ============================================================
   ULTRA-PROFESSIONAL TRENDING BADGE (SWISS QUALITY)
   ============================================================ */
.trending-header {
    background: #f8fafc !important; /* Grigio chiaro pulito, molto professionale */
    padding: 18px 24px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.badge-trend {
    background: #dcfce7 !important; /* Sfondo verde chiarissimo per "successo/tendenza" */
    color: #166534 !important;    /* Testo verde scuro professionale */
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important; /* Angoli poco smussati = pi� serio/Dashbaord style */
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    white-space: nowrap !important; /* Forziamo su una riga sola */
    border: 1px solid #bbf7d0 !important;
}

.badge-trend i {
    font-size: 9px !important;
    color: #15803d !important;
}

.trend-text {
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.2px !important;
}
/* ============================================================
   TRENDING AD PRICING & VISITS (CLEAN STYLE)
   ============================================================ */
.trending-price-views {
    margin-top: 15px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-right: 15px !important;
}

.price-tag {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #028570 !important; /* Verde Usato.ch */
    letter-spacing: -0.5px !important;
}

.views-tag {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    opacity: 0.9 !important;
}

.views-tag i {
    color: #028570 !important;
    font-size: 14px !important;
}

/* Mobile Adjustments for Trending Card */
@media (max-width: 767px) {
    .trending-price-views {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: 10px !important;
        padding-right: 10px !important;
    }
    
    .price-tag {
        font-size: 19px !important;
    }
    
    .views-tag {
        font-size: 12px !important;
    }
}

/* FIX SPACING MOBILE TRENDING */
@media (max-width: 767px) {
    .trending-price-views {
        gap: 20px !important; /* Spazio forzato tra prezzo e visite */
        justify-content: flex-start !important; /* Allineamento a sinistra per evitare che si tocchino */
    }
    
    .views-tag {
        margin-left: 5px !important;
    }
}

/* SEARCH SIDEBAR & FLEX LAYOUT */
.search-flex-row { display: flex; gap: 24px; align-items: flex-start; padding-top: 24px; }
.search-main-content { flex-grow: 1; max-width: calc(100% - 274px); min-width:0; }

@media (max-width: 1024px) {
  .search-flex-row { display: block !important; padding-top: 10px !important; }
  #search-side-menu { display: none !important; }
  .search-main-content { max-width: 100% !important; }
}

@media (min-width: 1025px) {
  #search-cat { display: none !important; }
}

.search-side-box { margin-bottom: 20px; background:#fff; border-radius:8px; border:1px solid #e0e0e0; box-shadow:0 1px 4px rgba(0,0,0,0.05); }
.search-side-box h3 { font-family: 'Inter', sans-serif; }
#search-side-menu { padding-bottom: 40px; width: 250px; flex-shrink: 0; position: sticky; top: 76px; display: flex; flex-direction: column; gap: 20px; }

#search-side-menu .row { margin-bottom: 20px !important; border:none !important; padding:0 !important; background:transparent !important; clear:both; float:none; }
#search-side-menu .row label { display: block !important; font-size: 11px !important; font-weight: 700 !important; color: #64748b !important; margin-bottom: 8px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }
#search-side-menu .input-box { width: 100% !important; position:relative !important; }

#search-side-menu input[type="text"], 
#search-side-menu input[type="number"], 
#search-side-menu select { 
    width: 100% !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 4px !important; 
    height: 40px !important; 
    padding: 0 12px !important; 
    font-size: 14px !important; 
    color: #1e293b !important; 
    outline: none !important; 
    background: #fff !important;
    transition: all 0.2s ease;
    box-sizing: border-box !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#search-side-menu select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
}

#search-side-menu input:focus, 
#search-side-menu select:focus { 
    border-color: #028570 !important; 
    box-shadow: 0 0 0 3px rgba(2, 133, 112, 0.1) !important; 
}

#search-side-menu .has-icon i.icon { 
    position: absolute; 
    left: 12px; 
    top: 13px; 
    color: #94a3b8; 
    font-size: 14px; 
    z-index: 5; 
    line-height: 1;
}

#search-side-menu .has-icon input { padding-left: 38px !important; }
#search-side-menu .sidebar-hooks { border-top: 1px dashed #e2e8f0; padding-top: 20px !important; margin-top: 5px; }
#search-side-menu .sidebar-hooks .row label { font-size: 11px; }

#search-side-menu .input-box-check input { width:18px !important; height:18px !important; margin-right:12px !important; accent-color:#028570; border-radius:4px; opacity:0.8; }
#search-side-menu .input-box-check label { text-transform: none !important; font-weight: 500 !important; color: #475569 !important; margin-bottom:0 !important; font-size: 14px !important; cursor:pointer; }

#search-side-menu .price-range input { height: 38px !important; font-size: 13px !important; }

/* Sidebar refinement */
#search-side-menu .checkboxes { margin-top:10px; display:flex; flex-direction:column; gap:8px; }
#search-side-menu .btn-apply-filters { 
    width:100%; margin-top:20px; padding:12px; background:#028570; color:#fff; border:none; 
    border-radius:8px; font-weight:700; cursor:pointer; font-size:14px; transition:0.3s; 
    box-shadow: 0 10px 15px -3px rgba(2, 133, 112, 0.1), 0 4px 6px -2px rgba(2, 133, 112, 0.05); 
}
#search-side-menu .btn-apply-filters:hover { background:#016a59; transform:translateY(-1px); }
#search-side-menu .btn-apply-filters:active { transform:translateY(0); }

/* Promo Box */
.search-sidebar-promo { 
    background: linear-gradient(135deg, #028570 0%, #016a59 100%); 
    border-radius:8px; padding:20px; color:#fff; text-align:center; margin-top: 10px;
}
.search-sidebar-promo i { font-size:24px; margin-bottom:10px; opacity:0.8; }
.search-sidebar-promo strong { display:block; font-size:15px; margin-bottom:5px; }
.search-sidebar-promo p { font-size:12px; opacity:0.9; line-height:1.4; margin-bottom:15px; }
.search-sidebar-promo a { 
    display:inline-block; padding:8px 16px; background:#fff !important; color:#028570 !important; 
    border-radius:4px; font-weight:700; text-decoration:none; font-size:13px; 
}

/* SIDEBAR FIXES: SPACING & ICON ALIGNMENT */
#search-side-menu .row { margin-bottom: 15px !important; }
#search-side-menu .has-icon i.icon { left: 14px !important; top: 20px !important; transform: translateY(-50%) !important; font-size: 15px !important; line-height: 1 !important; }
#search-side-menu .has-icon input { padding-left: 42px !important; height: 40px !important; }
#search-side-menu .sidebar-hooks { padding-top: 15px !important; margin-top: 0px !important; }
#search-side-menu .row label { margin-bottom: 6px !important; }

/* FINAL REFINEMENT FOR SIDEBAR - CACHE REFRESH */
.search-side-box { background:#fff !important; border-radius:8px !important; border:1px solid #e0e0e0 !important; box-shadow:0 1px 4px rgba(0,0,0,0.05) !important; padding:16px !important; margin-bottom: 20px !important; }
.search-side-box h3.side-title { font-size:15px !important; font-weight:700 !important; margin:0 0 20px 0 !important; color:#1e293b !important; display:flex !important; align-items:center !important; justify-content:space-between !important; }
.search-side-box .reset-link { font-size:12px !important; font-weight:500 !important; color:#ef4444 !important; text-decoration:none !important; display:flex !important; align-items:center !important; opacity:0.8 !important; transition:0.2s !important; }
.search-side-box .reset-link:hover { opacity:1 !important; }
.search-side-box .reset-link i { margin-right:5px !important; font-size:10px !important; }
.side-wrap { padding:0 !important; background:transparent !important; border:none !important; }
#search-side-menu .has-icon { position: relative !important; display: block !important; width: 100% !important; }
#search-side-menu .has-icon i.icon { position: absolute !important; left: 14px !important; top: 20px !important; transform: translateY(-50%) !important; color: #94a3b8 !important; font-size: 15px !important; z-index: 10 !important; pointer-events: none !important; line-height: 1 !important; }
#search-side-menu .has-icon input { padding-left: 44px !important; height: 40px !important; width: 100% !important; border: 1px solid #e2e8f0 !important; border-radius: 4px !important; }
#search-side-menu .row { margin-bottom: 16px !important; }
#search-side-menu .sidebar-hooks { border-top: 1px dashed #e2e8f0 !important; padding-top: 16px !important; margin-top: 4px !important; }

/* BACKGROUND ICONS FOR INPUTS - NO OVERLAP */
#search-side-menu .input-has-icon, 
#search-side-menu .loc input[type="text"] { 
    padding-left: 42px !important; 
    background-repeat: no-repeat !important; 
    background-position: left 14px center !important; 
    background-size: 18px !important; 
}

#search-side-menu .icon-search { 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e") !important;
}

#search-side-menu .loc input { 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e") !important;
}

/* Remove absolute icons if still present in DOM */
#search-side-menu .has-icon i.icon { display: none !important; }

/* Spacing and border refinement */
#search-side-menu .sidebar-hooks { 
    border-top: 1px dashed #cbd5e1 !important; 
    padding-top: 16px !important; 
    margin-top: 4px !important; 
}

#search-side-menu .row { margin-bottom: 15px !important; }

/* DEFINITIVE SEARCH SIDEBAR FIXES (CACHE BUSTED) */
#search-side-menu .kw-side input, 
#search-side-menu .loc-side input[type="text"] { 
    padding-left: 44px !important; 
    background-repeat: no-repeat !important; 
    background-position: left 14px center !important; 
    background-size: 18px !important; 
}

#search-side-menu .kw-side input { 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e") !important;
}

#search-side-menu .loc-side input { 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e") !important;
}

/* Ensure no absolute icons overlap */
#search-side-menu .has-icon i.icon,
#search-side-menu .has-icon .icon { display: none !important; }

/* Dashed line and hook refinement */
#search-side-menu .sidebar-hooks { 
    border-top: 1px dashed #cbd5e1 !important; 
    padding-top: 20px !important; 
    margin-top: 5px !important; 
    margin-bottom: 20px !important;
}

#search-side-menu .inner-hooks .row label { font-size: 11px !important; font-weight: 700 !important; color: #64748b !important; }

/* SIDEBAR CATEGORY STYLING - SYNC WITH HOMEPAGE */
.side-cat-wrapper { background:#fff !important; border-radius:8px !important; border:1px solid #e0e0e0 !important; box-shadow:0 1px 4px rgba(0,0,0,0.05) !important; overflow:hidden !important; margin-bottom: 20px !important; }
.side-cat-wrapper ul { list-style:none !important; padding:10px 0 !important; margin:0 !important; font-size:14px !important; }
.side-cat-wrapper li { margin:0 !important; }
.side-cat-wrapper .side-cat-header { padding: 0 0 10px 0 !important; border-bottom: 1px solid #eee !important; margin-bottom: 10px !important; }
.side-cat-wrapper .side-cat-header h3 { font-size:16px !important; font-weight:700 !important; margin:0 !important; color:#2c2c2c !important; padding-left: 16px !important; display:flex !important; align-items:center !important; gap:8px !important; }
.side-cat-wrapper .side-cat-header i { color:#028570 !important; }

.side-cat-item { display:flex !important; align-items:center !important; padding:8px 0px !important; color:#2c2c2c !important; width:100% !important; transition:0.2s !important; text-decoration:none !important; }
.side-cat-item:hover { background:#f4f4f4 !important; color:#028570 !important; }
.side-cat-item.active { background:#f0f7f6 !important; border-left:3px solid #028570 !important; color:#028570 !important; font-weight:700 !important; padding-left: 0px !important; }

.side-cat-icon { width:36px !important; text-align:center !important; margin-right:4px !important; margin-left:6px !important; font-size:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; }
.side-cat-icon i, .side-cat-icon img { font-size: 24px !important; width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; object-fit: contain !important; }

.side-cat-name { font-weight:500 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; flex-grow: 1 !important; }
.side-cat-count { margin-left:auto !important; font-size:12px !important; color:#999 !important; font-weight:normal !important; background:#f0f0f0 !important; padding:2px 6px !important; border-radius:10px !important; white-space:nowrap !important; margin-right:10px !important; }

/* Subcategory Indentation */
.side-cat-sub .side-cat-name { padding-left: 36px !important; }
.side-cat-sub .side-cat-item { padding-left: 0px !important; }

/* QUICK FIX: MODERN TYPOGRAPHY & COLORS */
h1, h2, h3, h4, font-weight-700 { font-weight: 700 !important; }
.price, .item-price, .item-card .price, .price-tag { font-weight: 500 !important; }
body { font-weight: 400; }

.btn-primary, .publish, a.publish, .btn.publish, button.publish, .banner-btn { background-color: #028570 !important; border-color: #FF7700 !important; color: #fff !important; font-weight: 500 !important; box-shadow: 0 2px 4px rgba(2,133,112,0.2) !important; }
.btn-primary:hover, .publish:hover, .banner-btn:hover { background-color: #016a59 !important; border-color: #ED6F00 !important; transform: translateY(-1px); }

/* Ultime Ricerche con Località */
.pill-search-sep {
  color: #2a9d8f !important;
  margin: 0 6px !important;
  font-size: 0.85em !important;
  display: inline-flex !important;
  align-items: center !important;
  opacity: 1 !important;
}

.pill-search-city {
  font-weight: 500 !important;
  color: #028570 !important;
}

/* --- FIX STRUTTURALI E FONT (SYNC USATO.CH) --- */
.home-info-row, 
.home-pill-ad-link, 
.home-pill-search-link {
    font-size: 12px !important;
}

/* Descrizione Box Categorie Desktop */
.cat-card .card-header .cat-seo-title {
    font-size: 11px !important;
    margin: 0 !important;
}

/* Fix Mobile Alignment and Fonts */
@media screen and (max-width: 991px) {
    .home-top-searches-row {
        margin-top: 22px !important;
        padding: 12px 15px !important;
    }
    
    .cat-card .card-header h3 {
        font-size: 15px !important;
    }
    
    .cat-card .card-header .cat-seo-title {
        font-size: 9px !important;
    }
}

/* Fix Cookie Consent priority over Sticky Nav Bar */
.ccp-pop, .ccp-mini { z-index: 100001 !important; }
.modal-cover { z-index: 100002 !important; }
#ccpModal, #zetModal, .category-modal, .modal-box, .ios-modal, .filter-menu-modal { z-index: 100003 !important; }

/* HEADER & LOGO SIZE OPTIMIZATION (min 60px) */
header {
  height: 60px !important;
}
body:not(.is-pwa) {
  padding-top: 60px !important;
}
header .container.cmain {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
header .logo {
  display: inline-flex !important;
  align-items: center !important;
  max-width: none !important;
  margin: 0 25px 0 0 !important;
}
header .logo.normal img,
header .logo img {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 64px !important;
  width: auto !important;
  max-width: 280px !important;
  object-fit: contain !important;
}
header .links {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

@media screen and (max-width: 768px) {
  header {
    height: 60px !important;
  }
  body:not(.is-pwa) {
    padding-top: 60px !important;
  }
  header .logo.normal img,
  header .logo img {
    height: 42px !important;
    min-height: 42px !important;
    max-width: 220px !important;
  }
  header .logo.square img {
    height: 40px !important;
    max-width: 44px !important;
  }
}



/* FIX ALIGNMENT OF ACCOUNT ICON */
header .my-account-wrap { display: flex !important; align-items: center !important; }