.tga100-suggest{box-sizing:border-box}.tga100-suggest *{box-sizing:border-box}

.tga100-suggest{position:fixed!important;z-index:2147483647!important}
html[mode="dark"] .tga100-suggest{background:#242424!important;border-color:#555!important;color:#f2f2f2!important}
html[mode="dark"] .tga100-suggest button{background:#242424!important;color:#f2f2f2!important;border-color:#444!important}
html[mode="dark"] .tga100-suggest button:hover{background:#333!important}
html[mode="dark"] .tga100-suggest small{color:#aaa!important}


/* TGAnzeigen 1.7.0 – PLZ-/Ort-Auswahl immer unter dem Eingabefeld */
.tga100-suggest {
  position: absolute !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  transform-origin: top left !important;
}


/* TGAnzeigen 1.7.1 – stabile iPhone-Position im mobilen Filterdialog */
.tga100-suggest {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  transform-origin: top left !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

/*
 * Die Vorschlagsliste wird als Portal direkt an body angehängt.
 * Deshalb darf sie nicht durch den Zeta-Modalcontainer beschnitten werden.
 */
@media screen and (max-width: 767px) {
  body:has(.tga100-suggest) {
    overflow-x: hidden !important;
  }

  #zetModal,
  #zetModal .wrap,
  #zetModal .row.lc,
  #zetModal .row.lc .input-box {
    overflow: visible !important;
  }

  .tga100-suggest {
    max-width: calc(100vw - 16px) !important;
    border-radius: 0 0 8px 8px !important;
  }
}


/* TGAnzeigen 1.7.2 – mobile Standortauswahl */
@media screen and (max-width: 767px) {
  .tga100-suggest {
    z-index: 2147483647 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
}


/* ============================================================
   TGAnzeigen 1.7.3 – kompakte PLZ-/Ort-Liste wie markt.de
   ============================================================ */
.tga100-suggest {
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 1px solid #8d8d8d !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28) !important;
  scrollbar-width: thin !important;
}

.tga100-suggest-item {
  display: block !important;
  width: 100% !important;
  min-height: 57px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-bottom: 1px dotted #9b9b9b !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #252525 !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

.tga100-suggest-item:last-child {
  border-bottom: 0 !important;
}

.tga100-suggest-item:hover,
.tga100-suggest-item:focus,
.tga100-suggest-item:active {
  background: #eef5fa !important;
  outline: none !important;
}

.tga100-suggest-item b {
  font-size: 17px !important;
  font-weight: 700 !important;
}

.tga100-suggest-item small {
  display: block !important;
  margin-top: 2px !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

@media screen and (max-width: 767px) {
  .tga100-suggest {
    max-width: calc(100vw - 16px) !important;
  }

  html[mode="dark"] .tga100-suggest {
    border-color: #747474 !important;
    background: #292929 !important;
  }

  html[mode="dark"] .tga100-suggest-item {
    border-bottom-color: #666 !important;
    background: #292929 !important;
    color: #f3f3f3 !important;
  }

  html[mode="dark"] .tga100-suggest-item:hover,
  html[mode="dark"] .tga100-suggest-item:focus,
  html[mode="dark"] .tga100-suggest-item:active {
    background: #363636 !important;
  }

  html[mode="dark"] .tga100-suggest-item small {
    color: #bdbdbd !important;
  }
}


/* ============================================================
   TGAnzeigen 1.7.4 – kompakte mobile PLZ-/Ort-Vorschlagsliste
   ============================================================ */
@media screen and (max-width: 767px) {
  .tga100-suggest {
    position: fixed !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 280px !important;
    top: auto;
    right: auto !important;
    bottom: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  .tga100-suggest-item {
    min-height: 56px !important;
    max-height: none !important;
  }
}


/* ============================================================
   TGAnzeigen 1.7.5 – Vorschläge direkt unter dem Standortfeld
   ============================================================ */
@media screen and (max-width: 767px) {
  #zetModal,
  #zetModal .wrap,
  #zetModal .row.lc,
  #zetModal .row.lc .input-box,
  #zetModal .row.lc .input-box > div {
    overflow: visible !important;
  }

  #zetModal .row.lc,
  #zetModal .row.lc .input-box {
    position: relative !important;
    z-index: 20 !important;
  }

  #zetModal .row.lc:focus-within,
  #zetModal .row.lc .input-box:focus-within {
    z-index: 2147483000 !important;
  }

  .tga100-suggest {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 280px !important;
    margin: 1px 0 0 !important;
    transform: none !important;
    z-index: 2147483647 !important;
  }
}


/* ============================================================
   TGAnzeigen 1.7.6 – Standortfeld mobil über volle Breite
   ============================================================ */
@media screen and (max-width: 767px) {
  #zetModal .row.lc {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #zetModal .row.lc .input-box,
  #zetModal .row.lc .input-box > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #zetModal .row.lc input.tg-anzeigen-plz-input,
  #zetModal .row.lc input[name="sLocation"],
  #zetModal .row.lc input.location-pick {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #zetModal .row.lc .tga100-suggest {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* ============================================================
   TGAnzeigen 1.7.7 – originales Zeta-Standortfeld deaktivieren
   ============================================================ */
.picker.location.tga-native-location-disabled > .results,
#zetModal .row.lc .picker.location > .results,
#search-menu .row.lc .picker.location > .results {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.picker.location.tga-native-location-disabled.open,
.picker.location.tga-native-location-disabled.opened,
.picker.location.tga-native-location-disabled.active {
  z-index: auto !important;
}


/* ============================================================
   TGAnzeigen 1.7.8 – weiße Seitenbalken bei Kategorien entfernen
   ============================================================ */

/*
 * Zeta verwendet links und rechts weiße Verlaufselemente.
 * Im Dunkelmodus wirkten diese wie zwei helle Balken.
 */
html[mode="dark"] .home-cat-wrap::before {
  background: linear-gradient(
    90deg,
    #121415 0%,
    rgba(18, 20, 21, .88) 35%,
    rgba(18, 20, 21, 0) 100%
  ) !important;
}

html[mode="dark"] .home-cat-wrap::after {
  background: linear-gradient(
    -90deg,
    #121415 0%,
    rgba(18, 20, 21, .88) 35%,
    rgba(18, 20, 21, 0) 100%
  ) !important;
}

/* Auf kleinen Bildschirmen wird kein seitlicher Verlauf benötigt. */
@media screen and (max-width: 767px) {
  .home-cat-wrap::before,
  .home-cat-wrap::after {
    display: none !important;
    content: none !important;
  }
}


/* ============================================================
   TGAnzeigen 1.9.0 – kompakte mobile Suche
   ============================================================ */
@media screen and (max-width: 767px) {
  html.tga-mobile-search-open,
  body.tga-mobile-search-open {
    overflow: hidden !important;
  }

  .tga-mobile-search-backdrop {
    display: none;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0, 0, 0, .58) !important;
    z-index: 2147483000 !important;
  }

  .tga-mobile-search-backdrop.is-open {
    display: block !important;
  }

  .tga-mobile-search-panel {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-height: min(88dvh, 720px) !important;
    padding: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background: var(--mb-color8, #fff) !important;
    box-shadow: 0 -18px 48px rgba(0, 0, 0, .34) !important;
    transform: translateY(105%) !important;
    transition: transform .24s ease !important;
    flex-direction: column !important;
    overflow: visible !important;
    z-index: 2147483100 !important;
  }

  .tga-mobile-search-panel.is-open {
    transform: translateY(0) !important;
  }

  .tga-mobile-search-head {
    display: flex !important;
    min-height: 58px !important;
    padding: 10px 14px 8px 20px !important;
    border-bottom: 1px solid var(--mb-color9, #ddd) !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .tga-mobile-search-head strong {
    color: var(--mb-color2, #222) !important;
    font-size: 20px !important;
  }

  .tga-mobile-search-close {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--mb-color9, #eee) !important;
    color: var(--mb-color2, #222) !important;
    font-size: 30px !important;
    line-height: 38px !important;
  }

  .tga-mobile-search-form {
    display: flex !important;
    padding: 16px !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tga-mobile-search-field {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .tga-mobile-search-field label {
    color: var(--mb-color4, #555) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .tga-mobile-search-input {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    border: 1px solid var(--mb-color7, #bbb) !important;
    border-radius: 9px !important;
    background: var(--mb-color8, #fff) !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .tga-mobile-search-input i {
    flex: 0 0 auto !important;
    color: var(--mb-color6, #777) !important;
    font-size: 18px !important;
  }

  .tga-mobile-search-input input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--mb-color2, #222) !important;
    font-size: 16px !important;
    outline: none !important;
  }

  .tga-mobile-search-field select {
    width: 100% !important;
    height: 52px !important;
    padding: 0 14px !important;
    border: 1px solid var(--mb-color7, #bbb) !important;
    border-radius: 9px !important;
    background: var(--mb-color8, #fff) !important;
    color: var(--mb-color2, #222) !important;
    font-size: 16px !important;
  }

  .tga-mobile-search-submit,
  .tga-mobile-search-all {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .tga-mobile-search-submit {
    border: 0 !important;
    background: var(--mb-color-primary, #5c52ff) !important;
    color: #fff !important;
  }

  .tga-mobile-search-all {
    border: 1px solid var(--mb-color-primary, #5c52ff) !important;
    background: transparent !important;
    color: var(--mb-color-primary, #5c52ff) !important;
  }

  /*
   * Eigene PLZ-Vorschläge müssen über dem Bottom-Sheet liegen.
   */
  .tga-mobile-search-panel .tga100-suggest {
    z-index: 2147483647 !important;
  }
}


/* ============================================================
   TGAnzeigen 1.9.1 – Farben der mobilen Kompaktsuche
   ============================================================ */
@media screen and (max-width: 767px) {
  .tga-mobile-search-backdrop {
    background: rgba(0, 0, 0, .72) !important;
  }

  .tga-mobile-search-panel {
    background: #17191a !important;
    color: #f2f2f2 !important;
    border-top: 1px solid #3a3d3f !important;
  }

  .tga-mobile-search-head {
    border-bottom-color: #343638 !important;
  }

  .tga-mobile-search-head strong {
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-close {
    background: #2d3032 !important;
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-field label {
    color: #d8d8d8 !important;
  }

  .tga-mobile-search-input,
  .tga-mobile-search-field select {
    border-color: #56595c !important;
    background: #2b2e30 !important;
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-input:focus-within,
  .tga-mobile-search-field select:focus {
    border-color: #ff2638 !important;
    box-shadow: 0 0 0 2px rgba(255, 38, 56, .22) !important;
  }

  .tga-mobile-search-input i {
    color: #a8abad !important;
  }

  .tga-mobile-search-input input {
    color: #f5f5f5 !important;
    caret-color: #ff2638 !important;
  }

  .tga-mobile-search-input input::placeholder {
    color: #9b9ea1 !important;
    opacity: 1 !important;
  }

  .tga-mobile-search-field select {
    color-scheme: dark !important;
  }

  .tga-mobile-search-submit {
    background: #ff2638 !important;
    color: #ffffff !important;
  }

  .tga-mobile-search-submit:hover,
  .tga-mobile-search-submit:focus,
  .tga-mobile-search-submit:active {
    background: #e91f31 !important;
  }

  .tga-mobile-search-all {
    border-color: #ff2638 !important;
    background: transparent !important;
    color: #ff4a59 !important;
  }

  .tga-mobile-search-all:hover,
  .tga-mobile-search-all:focus,
  .tga-mobile-search-all:active {
    background: rgba(255, 38, 56, .10) !important;
    color: #ff6672 !important;
  }

  .tga-mobile-search-panel .tga100-suggest {
    border-color: #56595c !important;
    background: #222526 !important;
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-panel .tga100-suggest-item {
    border-bottom-color: #44484a !important;
    background: #222526 !important;
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-panel .tga100-suggest-item:hover,
  .tga-mobile-search-panel .tga100-suggest-item:focus,
  .tga-mobile-search-panel .tga100-suggest-item:active {
    background: #303436 !important;
  }

  .tga-mobile-search-panel .tga100-suggest-item small {
    color: #b6b8ba !important;
  }
}


/* ============================================================
   TGAnzeigen 1.9.2 – Desktop wieder etwas schmaler
   ============================================================ */
@media screen and (min-width: 1200px) {
  .container,
  header .container,
  #header-search .container,
  footer .container,
  body#search .container.primary,
  body#item .container.primary,
  body#user-items .container.primary,
  .body-ua .container.primary {
    width: calc(100% - 48px) !important;
    max-width: 1540px !important;
  }
}


/* ============================================================
   TGAnzeigen 1.9.3 – verfeinerte PLZ-/Ort-Vorschläge
   ============================================================ */
.tga100-suggest {
  max-height: 280px !important;
  padding: 4px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  animation: tgaSuggestOpen .16s ease-out both !important;
  scrollbar-width: thin !important;
}

@keyframes tgaSuggestOpen {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tga100-suggest-item {
  display: flex !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(128, 128, 128, .22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  transition:
    background-color .12s ease,
    color .12s ease,
    transform .12s ease !important;
}

.tga100-suggest-item:last-child {
  border-bottom: 0 !important;
}

.tga100-suggest-main {
  display: flex !important;
  min-width: 0 !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.tga100-suggest-zip {
  color: #ff2638 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  flex: 0 0 auto !important;
}

.tga100-suggest-city {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 20px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tga100-suggest-state {
  display: block !important;
  margin: 0 !important;
  padding-left: 0 !important;
  color: #8e9295 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
}

.tga100-suggest-item:hover,
.tga100-suggest-item:focus,
.tga100-suggest-item:active,
.tga100-suggest-item.is-active {
  background: rgba(255, 38, 56, .12) !important;
  outline: none !important;
}

.tga100-suggest-item:active,
.tga100-suggest-item.is-active {
  transform: scale(.992) !important;
}

.tga100-suggest-item:hover .tga100-suggest-city,
.tga100-suggest-item:focus .tga100-suggest-city,
.tga100-suggest-item.is-active .tga100-suggest-city {
  color: #ff4a59 !important;
}

@media screen and (max-width: 767px) {
  .tga-mobile-search-panel .tga100-suggest {
    max-height: 280px !important;
    border-color: #505457 !important;
    background: #222526 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .44) !important;
  }

  .tga-mobile-search-panel .tga100-suggest-item {
    min-height: 56px !important;
    background: #222526 !important;
    color: #f4f4f4 !important;
  }

  .tga-mobile-search-panel .tga100-suggest-item:hover,
  .tga-mobile-search-panel .tga100-suggest-item:focus,
  .tga-mobile-search-panel .tga100-suggest-item:active,
  .tga-mobile-search-panel .tga100-suggest-item.is-active {
    background: rgba(255, 38, 56, .16) !important;
  }

  .tga-mobile-search-panel .tga100-suggest-city {
    color: #f5f5f5 !important;
  }

  .tga-mobile-search-panel .tga100-suggest-state {
    color: #aeb1b3 !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.0 – moderne Anzeigen-Detailseite
   ============================================================ */

/* Grundlayout */
body#item.tga-item-modern .container.primary {
  max-width: 1420px !important;
}

body#item.tga-item-modern #item-top {
  margin-top: 14px !important;
}

body#item.tga-item-modern .data-box {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 310px !important;
  gap: 24px !important;
  align-items: start !important;
}

body#item.tga-item-modern #item-main,
body#item.tga-item-modern #item-side {
  min-width: 0 !important;
}

/* Galerie */
body#item.tga-item-modern #item-image {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: #0b0d0e !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .24) !important;
  outline: none !important;
}

body#item.tga-item-modern #item-image:focus-visible {
  box-shadow:
    0 0 0 3px rgba(255, 38, 56, .35),
    0 18px 45px rgba(0, 0, 0, .24) !important;
}

body#item.tga-item-modern #item-image .swiper-slide {
  overflow: hidden !important;
  background: #111 !important;
}

body#item.tga-item-modern #item-image .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}

body#item.tga-item-modern #item-image .swiper-slide:hover img {
  transform: scale(1.018) !important;
}

body#item.tga-item-modern #item-image .mlinks {
  z-index: 20 !important;
}

body#item.tga-item-modern #item-image .mlink {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 10px !important;
  background: rgba(14, 16, 18, .82) !important;
  color: #fff !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body#item.tga-item-modern #item-image .swiper-button {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: rgba(16, 18, 20, .76) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

body#item.tga-item-modern #item-image .swiper-pg {
  bottom: 14px !important;
}

/* Titel und Basisdaten */
body#item.tga-item-modern #item-main .basic {
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body#item.tga-item-modern #item-main h1.row {
  margin-bottom: 18px !important;
  font-size: clamp(26px, 2.2vw, 38px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}

body#item.tga-item-modern #item-main h1 .label {
  display: inline-flex !important;
  min-height: 28px !important;
  margin: 0 8px 6px 0 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  align-items: center !important;
  font-size: 13px !important;
  line-height: 20px !important;
}

body#item.tga-item-modern #item-main .details {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body#item.tga-item-modern #item-main .details .elem {
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .04) !important;
  align-items: center !important;
}

body#item.tga-item-modern #item-main .details .elem svg {
  flex: 0 0 20px !important;
  opacity: .78 !important;
}

/* Beschreibung */
body#item.tga-item-modern .tga-description-card {
  margin-top: 22px !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body#item.tga-item-modern .tga-description-card h2 {
  margin: 0 0 16px !important;
  font-size: 22px !important;
}

body#item.tga-item-modern .tga-description-card .text {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Verkäuferkarte rechts */
body#item.tga-item-modern #item-side {
  position: relative !important;
}

body#item.tga-item-modern .tga-seller-card {
  position: sticky !important;
  top: 92px !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 16px !important;
  background: rgba(34, 36, 38, .96) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .25) !important;
}

body#item.tga-item-modern .tga-seller-card .line1 {
  margin-bottom: 14px !important;
}

body#item.tga-item-modern .tga-seller-card .line1 .img img {
  width: 58px !important;
  height: 58px !important;
  border: 2px solid rgba(255, 255, 255, .18) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body#item.tga-item-modern .tga-seller-card .name {
  font-size: 18px !important;
  font-weight: 800 !important;
}

body#item.tga-item-modern .tga-seller-card .line-contact {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

body#item.tga-item-modern .tga-seller-card .master-button {
  display: flex !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  border-radius: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  transition:
    transform .14s ease,
    filter .14s ease !important;
}

body#item.tga-item-modern .tga-seller-card .master-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
}

body#item.tga-item-modern .tga-seller-card .contact.master-button {
  background: #ff2638 !important;
  color: #fff !important;
}

body#item.tga-item-modern .tga-seller-card .whatsapp-contact {
  border-color: rgba(37, 211, 102, .32) !important;
  background: rgba(37, 211, 102, .12) !important;
}

body#item.tga-item-modern .tga-seller-card .telegram-contact {
  border-color: rgba(42, 171, 238, .34) !important;
  background: rgba(42, 171, 238, .12) !important;
}

/* Verkäuferblock im Inhalt */
body#item.tga-item-modern .tga-meet-seller-card {
  margin-top: 24px !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .025) !important;
}

body#item.tga-item-modern .tga-meet-seller-card .wrap {
  gap: 18px !important;
}

body#item.tga-item-modern .tga-meet-seller-card .uimg {
  width: 82px !important;
  height: 82px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Ähnliche Anzeigen */
body#item.tga-item-modern .similar-items,
body#item.tga-item-modern #related-items {
  margin-top: 30px !important;
}

body#item.tga-item-modern .similar-items .item,
body#item.tga-item-modern #related-items .item {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .025) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

body#item.tga-item-modern .similar-items .item:hover,
body#item.tga-item-modern #related-items .item:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255, 38, 56, .35) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22) !important;
}

/* Heller Modus */
html:not([mode="dark"]) body#item.tga-item-modern #item-main .basic,
html:not([mode="dark"]) body#item.tga-item-modern .tga-description-card,
html:not([mode="dark"]) body#item.tga-item-modern .tga-meet-seller-card {
  border-color: #e4e6e8 !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(20, 25, 30, .06) !important;
}

html:not([mode="dark"]) body#item.tga-item-modern .tga-seller-card {
  border-color: #e4e6e8 !important;
  background: rgba(255, 255, 255, .98) !important;
}

html:not([mode="dark"]) body#item.tga-item-modern #item-main .details .elem {
  border-color: #e7e9eb !important;
  background: #f7f8f9 !important;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  body#item.tga-item-modern .data-box {
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 18px !important;
  }

  body#item.tga-item-modern #item-main .details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media screen and (max-width: 767px) {
  body#item.tga-item-modern .container.primary {
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body#item.tga-item-modern .data-box {
    display: block !important;
  }

  body#item.tga-item-modern #item-image {
    border-radius: 14px !important;
  }

  body#item.tga-item-modern #item-main .basic,
  body#item.tga-item-modern .tga-description-card,
  body#item.tga-item-modern .tga-meet-seller-card {
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body#item.tga-item-modern #item-main h1.row {
    font-size: 27px !important;
  }

  body#item.tga-item-modern #item-main .details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#item.tga-item-modern #item-main .details .elem {
    min-height: 70px !important;
    padding: 10px !important;
  }

  body#item.tga-item-modern #item-side {
    margin-top: 18px !important;
  }

  body#item.tga-item-modern .tga-seller-card {
    position: static !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body#item.tga-item-modern .tga-meet-seller-card .wrap {
    align-items: flex-start !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.1 – Korrektur Detailseiten-Layout
   ============================================================ */

/*
 * Zetas ursprüngliche Prozentbreiten und Floats der beiden Spalten
 * kollidierten mit dem neuen CSS-Grid. Beide Grid-Kinder müssen ihre
 * Breite vollständig vom Grid beziehen.
 */
body#item.tga-item-modern .data-box {
  width: 100% !important;
  max-width: none !important;
}

body#item.tga-item-modern #item-main,
body#item.tga-item-modern #item-side {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*
 * Alte Breitenangaben an den Detailfeldern führten zu extrem schmalen
 * Karten und dadurch zu Buchstaben untereinander.
 */
body#item.tga-item-modern #item-main .row.details {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body#item.tga-item-modern #item-main .row.details .elem {
  display: flex !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 9px !important;
}

body#item.tga-item-modern #item-main .row.details .elem > div,
body#item.tga-item-modern #item-main .row.details .elem > a {
  min-width: 0 !important;
  max-width: 100% !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
}

body#item.tga-item-modern #item-main .row.details .elem svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex: 0 0 18px !important;
}

/*
 * Grundkarte nicht auf halbe Breite begrenzen.
 */
body#item.tga-item-modern #item-main .basic,
body#item.tga-item-modern .tga-description-card,
body#item.tga-item-modern .tga-meet-seller-card {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 1024px) {
  body#item.tga-item-modern .data-box {
    grid-template-columns: minmax(0, 1fr) 280px !important;
  }

  body#item.tga-item-modern #item-main .row.details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 767px) {
  body#item.tga-item-modern .data-box {
    display: block !important;
  }

  body#item.tga-item-modern #item-main .row.details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body#item.tga-item-modern #item-main .row.details .elem {
    min-height: 64px !important;
    padding: 10px !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.2 – Attribute direkt unter der Beschreibung
   ============================================================ */
body#item.tga-item-modern .tga-attributes-after-description {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-sizing: border-box !important;
}

body#item.tga-item-modern .tga-attributes-after-description h2 {
  margin: 0 0 16px !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 16px !important;
}

body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields
.field {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .035) !important;
  grid-template-columns: minmax(110px, .8fr) minmax(0, 1.2fr) !important;
  gap: 12px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields
.field
.name {
  color: inherit !important;
  font-weight: 700 !important;
}

body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields
.field
.value {
  min-width: 0 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

html:not([mode="dark"])
body#item.tga-item-modern
.tga-attributes-after-description {
  border-color: #e4e6e8 !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(20, 25, 30, .06) !important;
}

html:not([mode="dark"])
body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields
.field {
  border-color: #e7e9eb !important;
  background: #f7f8f9 !important;
}

@media screen and (max-width: 767px) {
  body#item.tga-item-modern .tga-attributes-after-description {
    margin-top: 14px !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body#item.tga-item-modern
  .tga-attributes-after-description
  .custom-fields {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#item.tga-item-modern
  .tga-attributes-after-description
  .custom-fields
  .field {
    grid-template-columns: minmax(95px, .8fr) minmax(0, 1.2fr) !important;
    padding: 11px 12px !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.3 – rechte Anbieter-Spalte bleibt beim Scrollen sichtbar
   ============================================================ */

/*
 * Die komplette rechte Spalte (Bewertung, Profilbild, Kontaktbuttons
 * sowie Bearbeiten/Entfernen) bleibt oben sichtbar. Da sie innerhalb
 * von .data-box liegt, endet das Sticky-Verhalten automatisch am Ende
 * der Anzeige und die Spalte läuft danach normal mit.
 */
@media screen and (min-width: 768px) {
  body#item.tga-item-modern .data-box {
    overflow: visible !important;
    align-items: start !important;
  }

  body#item.tga-item-modern #item-main,
  body#item.tga-item-modern #item-side {
    overflow: visible !important;
  }

  body#item.tga-item-modern #item-side {
    position: sticky !important;
    top: 86px !important;
    align-self: start !important;
    height: max-content !important;
    max-height: calc(100vh - 104px) !important;
    z-index: 25 !important;
  }

  /*
   * Kein verschachteltes Sticky: Die Verkäuferkarte bleibt normal
   * innerhalb der nun klebenden rechten Spalte.
   */
  body#item.tga-item-modern .tga-seller-card {
    position: relative !important;
    top: auto !important;
  }
}

/* Bei kleineren Höhen darf die rechte Spalte intern scrollbar sein. */
@media screen and (min-width: 768px) and (max-height: 760px) {
  body#item.tga-item-modern #item-side {
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    padding-right: 4px !important;
  }
}

/* Mobil bleibt alles in normaler Reihenfolge untereinander. */
@media screen and (max-width: 767px) {
  body#item.tga-item-modern #item-side {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.4 – Sticky-Anbieterkarte nicht mehr unter Header
   ============================================================ */
@media screen and (min-width: 768px) {
  body#item.tga-item-modern #item-side {
    top: var(--tga-item-sticky-top, 158px) !important;
    max-height: calc(
      100vh - var(--tga-item-sticky-top, 158px) - 18px
    ) !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.5 – Anbieterkarte bleibt hinter dem Header
   ============================================================ */
@media screen and (min-width: 768px) {
  /*
   * Die rechte Anbieter-Spalte darf beim Ende des Sticky-Bereichs
   * nicht über Header oder Suchleiste liegen.
   */
  body#item.tga-item-modern #item-side {
    z-index: 2 !important;
  }

  body#item.tga-item-modern header,
  body#item.tga-item-modern #header,
  body#item.tga-item-modern #header-search,
  body#item.tga-item-modern .header-search,
  body#item.tga-item-modern header .csearch,
  body#item.tga-item-modern .container.alt.csearch {
    position: relative;
    z-index: 1000 !important;
  }

  /*
   * Falls Zeta Header/Suchleiste bereits fixed oder sticky setzt,
   * bleibt diese Position erhalten; nur die Ebene wird angehoben.
   */
  body#item.tga-item-modern header[style*="position: fixed"],
  body#item.tga-item-modern header[style*="position: sticky"],
  body#item.tga-item-modern #header-search[style*="position: fixed"],
  body#item.tga-item-modern #header-search[style*="position: sticky"] {
    z-index: 1000 !important;
  }
}


/* ============================================================
   TGAnzeigen 2.0.6 – Kategorie-Karte komplett anklickbar
   ============================================================ */
body#item.tga-item-modern
#item-main
.row.details
.tga-category-card-link,
body#item.tga-item-modern
#item-main
.details
.tga-category-card-link {
  position: relative !important;
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    transform .15s ease,
    border-color .15s ease,
    background-color .15s ease,
    box-shadow .15s ease !important;
}

body#item.tga-item-modern
#item-main
.row.details
.tga-category-card-link:hover,
body#item.tga-item-modern
#item-main
.details
.tga-category-card-link:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 38, 56, .38) !important;
  background: rgba(255, 38, 56, .08) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .10) !important;
}

body#item.tga-item-modern
#item-main
.row.details
.tga-category-card-link:focus-visible,
body#item.tga-item-modern
#item-main
.details
.tga-category-card-link:focus-visible {
  outline: none !important;
  border-color: #ff2638 !important;
  box-shadow: 0 0 0 3px rgba(255, 38, 56, .22) !important;
}

body#item.tga-item-modern
.tga-category-card-link
.tga-category-card-text,
body#item.tga-item-modern
.tga-category-card-link
strong {
  min-width: 0 !important;
  color: inherit !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body#item.tga-item-modern
.tga-category-card-link
> div {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body#item.tga-item-modern
.tga-category-card-link
.tga-category-card-label {
  color: #8d9194 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body#item.tga-item-modern
.tga-category-card-link
.tga-category-card-arrow {
  margin-left: auto !important;
  color: #ff2638 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  transition: transform .15s ease !important;
}

body#item.tga-item-modern
.tga-category-card-link:hover
.tga-category-card-arrow {
  transform: translateX(3px) !important;
}


/* ============================================================
   TGAnzeigen 2.0.7 – reduzierte Detailfelder und Hellmodus-Galerie
   ============================================================ */

/* Nicht benötigte Felder ausblenden:
   tr = Transaktion/Anzeige aufgeben
   cn = Land
   rg = Bundesland
   ad = separates PLZ-/Adressfeld; PLZ steht jetzt direkt beim Ort
*/
body#item.tga-item-modern #item-main .details .elem.tr,
body#item.tga-item-modern #item-main .details .elem.cn,
body#item.tga-item-modern #item-main .details .elem.rg,
body#item.tga-item-modern #item-main .details .elem.ad,
body#item.tga-item-modern #item-main .details2 .elem.tr {
  display: none !important;
}

/* PLZ und Ort in einer Karte hervorheben. */
body#item.tga-item-modern #item-main .details .elem.ct > div,
body#item.tga-item-modern #item-main .details2 .elem.lc > div {
  min-width: 0 !important;
}

body#item.tga-item-modern #item-main .details .elem.ct strong,
body#item.tga-item-modern #item-main .details2 .elem.lc strong {
  color: inherit !important;
  font-weight: 700 !important;
}

/* Galerieaktionen im Hellmodus hell darstellen. */
html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlink {
  border-color: rgba(20, 24, 28, .16) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #202326 !important;
  box-shadow: 0 5px 16px rgba(20, 24, 28, .14) !important;
}

html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlink:hover,
html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlink:focus {
  border-color: rgba(255, 38, 56, .38) !important;
  background: #ffffff !important;
  color: #ff2638 !important;
}

html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlink
i,
html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlink
svg {
  color: currentColor !important;
  fill: currentColor !important;
}

html:not([mode="dark"])
body#item.tga-item-modern
#item-image
.mlinks.bottom
.mlink.gallery {
  border-color: rgba(20, 24, 28, .16) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #202326 !important;
}


/* ============================================================
   TGAnzeigen 2.0.8 – kompaktere Abstände auf der Detailseite
   ============================================================ */

/* Header mit Logo näher an den oberen Rand rücken. */
@media screen and (min-width: 768px) {
  body#item.tga-item-modern header,
  body#item.tga-item-modern #header {
    padding-top: 2px !important;
    margin-top: 0 !important;
  }

  body#item.tga-item-modern header .container,
  body#item.tga-item-modern #header .container {
    min-height: 48px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  body#item.tga-item-modern header .logo,
  body#item.tga-item-modern #header .logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Hauptbereiche enger zusammenrücken. */
body#item.tga-item-modern .tga-description-card {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  padding: 18px !important;
}

body#item.tga-item-modern .tga-attributes-after-description {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  padding: 18px !important;
}

body#item.tga-item-modern .tga-meet-seller-card {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  padding: 18px !important;
}

/* Überschriften etwas kompakter. */
body#item.tga-item-modern .tga-description-card h2,
body#item.tga-item-modern .tga-attributes-after-description h2,
body#item.tga-item-modern .tga-meet-seller-card h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* Attribute-Felder ebenfalls etwas kompakter. */
body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields {
  gap: 8px 12px !important;
}

body#item.tga-item-modern
.tga-attributes-after-description
.custom-fields
.field {
  padding: 10px 12px !important;
}

/* Meet-the-seller-Inhalt enger und ruhiger. */
body#item.tga-item-modern .tga-meet-seller-card .wrap {
  gap: 14px !important;
}

/* Kommentare näher an den Anbieterbereich. */
body#item.tga-item-modern #comments,
body#item.tga-item-modern .comments,
body#item.tga-item-modern .item-comments {
  margin-top: 14px !important;
}

/* Druck/Teilen und zuletzt angesehene Anzeigen kompakter. */
body#item.tga-item-modern .item-share,
body#item.tga-item-modern .item-tools,
body#item.tga-item-modern .share-links {
  margin-top: 12px !important;
}

body#item.tga-item-modern .recent-items,
body#item.tga-item-modern #recent-items,
body#item.tga-item-modern .recently-viewed {
  margin-top: 16px !important;
}

/* Rechte Kontaktbox bündig zur linken Hauptkarte. */
@media screen and (min-width: 768px) {
  body#item.tga-item-modern #item-side {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body#item.tga-item-modern .tga-seller-card {
    margin-top: 0 !important;
  }
}

/* Mobil noch nicht verändern – dafür folgt die nächste Version. */
@media screen and (max-width: 767px) {
  body#item.tga-item-modern .tga-description-card,
  body#item.tga-item-modern .tga-attributes-after-description,
  body#item.tga-item-modern .tga-meet-seller-card {
    margin-top: revert !important;
    padding: revert !important;
  }
}


/* ============================================================
   TGAnzeigen 2.1.0 – weniger Leerraum & Dropdown über Suchleiste
   ============================================================ */

/* Detailseite oben kompakter: Breadcrumb, Galerie und Hauptinhalt. */
@media screen and (min-width: 768px) {
  body#item.tga-item-modern .container.primary {
    padding-top: 0 !important;
  }

  body#item.tga-item-modern #item-top {
    margin-top: 4px !important;
  }

  body#item.tga-item-modern .breadcrumb,
  body#item.tga-item-modern .breadcrumbs,
  body#item.tga-item-modern #breadcrumb,
  body#item.tga-item-modern .bread {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body#item.tga-item-modern #item-image {
    margin-top: 0 !important;
  }

  body#item.tga-item-modern #item-top + *,
  body#item.tga-item-modern .item-top + * {
    margin-top: 10px !important;
  }
}

/*
 * Benutzer-/Profilmenü immer oberhalb von Suchleiste, Galerie
 * und allen anderen Seitenelementen anzeigen.
 */
body#item.tga-item-modern header,
body#item.tga-item-modern #header,
body#item.tga-item-modern .header,
body#item.tga-item-modern .header-wrap,
body#item.tga-item-modern .header-inner {
  position: relative !important;
  z-index: 200000 !important;
  overflow: visible !important;
}

body#item.tga-item-modern header .container,
body#item.tga-item-modern #header .container,
body#item.tga-item-modern .header .container {
  overflow: visible !important;
}

/* Häufige Zeta-Selektoren für Benutzerkonto und Dropdown. */
body#item.tga-item-modern .user-menu,
body#item.tga-item-modern .user-dropdown,
body#item.tga-item-modern .header-user-menu,
body#item.tga-item-modern .header-user-dropdown,
body#item.tga-item-modern .user-menu-wrap,
body#item.tga-item-modern .header-user,
body#item.tga-item-modern .my-account,
body#item.tga-item-modern .account-menu,
body#item.tga-item-modern .account-dropdown,
body#item.tga-item-modern .profile-menu,
body#item.tga-item-modern .profile-dropdown,
body#item.tga-item-modern .nav-user,
body#item.tga-item-modern .nav-user ul,
body#item.tga-item-modern .nav-user .dropdown,
body#item.tga-item-modern .head-user,
body#item.tga-item-modern .head-user ul,
body#item.tga-item-modern .head-user .dropdown,
body#item.tga-item-modern .header-right,
body#item.tga-item-modern .header-right .dropdown {
  position: relative;
  z-index: 2147483000 !important;
  overflow: visible !important;
}

/* Das tatsächlich geöffnete Menü darf nicht durch Eltern abgeschnitten werden. */
body#item.tga-item-modern .user-menu ul,
body#item.tga-item-modern .user-dropdown,
body#item.tga-item-modern .header-user-menu ul,
body#item.tga-item-modern .header-user-dropdown,
body#item.tga-item-modern .account-menu ul,
body#item.tga-item-modern .account-dropdown,
body#item.tga-item-modern .profile-menu ul,
body#item.tga-item-modern .profile-dropdown,
body#item.tga-item-modern .nav-user ul,
body#item.tga-item-modern .head-user ul,
body#item.tga-item-modern .header-right .dropdown-menu,
body#item.tga-item-modern .dropdown-menu {
  z-index: 2147483646 !important;
}

/* Suchleiste bewusst unter das Benutzer-Dropdown legen. */
body#item.tga-item-modern #header-search,
body#item.tga-item-modern .header-search,
body#item.tga-item-modern header .csearch,
body#item.tga-item-modern .container.alt.csearch,
body#item.tga-item-modern .search-bar,
body#item.tga-item-modern .search-container {
  z-index: 500 !important;
}

/* Bildgalerie und restlicher Inhalt darunter. */
body#item.tga-item-modern #item-top,
body#item.tga-item-modern #item-image,
body#item.tga-item-modern .data-box {
  position: relative !important;
  z-index: 1 !important;
}

/* Mobil bleibt die bestehende Darstellung unangetastet. */
@media screen and (max-width: 767px) {
  body#item.tga-item-modern header,
  body#item.tga-item-modern #header,
  body#item.tga-item-modern .header {
    z-index: 1000 !important;
  }
}


/* TGAnzeigen 2.1.1 - Header Abstand korrigieren */
body#item,
body#search{
  padding-top:0 !important;
}


/* ============================================================
   TGAnzeigen 2.2.0 – Benutzeranzeigen: Aktionsbuttons
   ============================================================ */
body#user-items .item .buttons,
body#user-items .tga-item-card .buttons {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body#user-items .item .buttons .delim,
body#user-items .tga-item-card .buttons .delim {
  display: none !important;
}

body#user-items .item .buttons a,
body#user-items .tga-item-card .buttons a {
  display: inline-flex !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform .16s ease,
    filter .16s ease,
    box-shadow .16s ease !important;
}

body#user-items .item .buttons a:hover,
body#user-items .item .buttons a:focus,
body#user-items .tga-item-card .buttons a:hover,
body#user-items .tga-item-card .buttons a:focus {
  transform: translateY(-1px) !important;
  filter: brightness(.96) !important;
}

/* Aktivieren/Deaktivieren orange. */
body#user-items .item .buttons .deactivate,
body#user-items .item .buttons .activate,
body#user-items .tga-item-card .buttons .deactivate,
body#user-items .tga-item-card .buttons .activate {
  border: 1px solid #d98200 !important;
  background: #e9950b !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(233, 149, 11, .18) !important;
}

/* Bearbeiten blau. */
body#user-items .item .buttons .edit,
body#user-items .tga-item-card .buttons .edit {
  border: 1px solid #1477be !important;
  background: #2388d1 !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(35, 136, 209, .18) !important;
}

/* Löschen bleibt bewusst zurückhaltend. */
body#user-items .item .buttons .delete,
body#user-items .tga-item-card .buttons .delete {
  min-width: 92px !important;
  border: 1px solid #ef6a6f !important;
  background: transparent !important;
  color: #df4b52 !important;
  box-shadow: none !important;
}

@media screen and (max-width: 767px) {
  body#user-items .item .buttons,
  body#user-items .tga-item-card .buttons {
    grid-template-columns: 1fr 1fr !important;
  }

  body#user-items .item .buttons .delete,
  body#user-items .tga-item-card .buttons .delete {
    grid-column: 1 / -1 !important;
  }
}


/* ============================================================
   TGAnzeigen 2.2.1 – Galerieaktionen angleichen & PushUp nach vorn
   ============================================================ */

/* Teilen, Favoriten und Melden erhalten exakt dieselbe Kartenoptik. */
body#item.tga-item-modern #item-image .mlinks.top {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body#item.tga-item-modern #item-image .mlinks.top > .mlink,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw > a,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw button {
  display: inline-flex !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(20, 24, 28, .14) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #202326 !important;
  box-shadow: 0 5px 16px rgba(20, 24, 28, .14) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition:
    transform .14s ease,
    border-color .14s ease,
    color .14s ease,
    background-color .14s ease !important;
}

body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#item.tga-item-modern #item-image .mlinks.top > .mlink:hover,
body#item.tga-item-modern #item-image .mlinks.top > .mlink:focus,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw > a:hover,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw > a:focus,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw button:hover,
body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw button:focus {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 38, 56, .36) !important;
  background: #fff !important;
  color: #ff2638 !important;
}

body#item.tga-item-modern #item-image .mlinks.top i,
body#item.tga-item-modern #item-image .mlinks.top svg {
  color: currentColor !important;
  fill: currentColor !important;
}

/* Dark Mode: alle drei Schaltflächen ebenfalls einheitlich. */
html[mode="dark"] body#item.tga-item-modern #item-image .mlinks.top > .mlink,
html[mode="dark"] body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw > a,
html[mode="dark"] body#item.tga-item-modern #item-image .mlinks.top > .favorite.mlinkw button {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(20, 22, 24, .88) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .28) !important;
}

/*
 * PushUp/Premium-Informationen müssen auf Detailseite und im
 * Benutzerbereich immer vor den Anzeigenkarten liegen.
 */
body#item .osp-item-promos,
body#item .osp-promos,
body#item .osp-elems,
body#item .osp-elem,
body#item .osp-data,
body#user-items .tga-promotion-area,
body#user-items .tga-promotion-area #osp-promos,
body#user-items .tga-promotion-area .osp-item-promos,
body#user-items .tga-promotion-area .osp-promos,
body#user-items .tga-promotion-area .osp-elems,
body#user-items .tga-promotion-area .osp-elem,
body#user-items .tga-promotion-area .osp-data {
  overflow: visible !important;
}

body#item .osp-item-promos,
body#item .osp-promos,
body#item .osp-elem,
body#user-items .tga-promotion-area,
body#user-items .tga-promotion-area .osp-item-promos,
body#user-items .tga-promotion-area .osp-promos,
body#user-items .tga-promotion-area .osp-elem {
  position: relative !important;
}

body#item .osp-item-promos:hover,
body#item .osp-item-promos:focus-within,
body#item .osp-elem:hover,
body#item .osp-elem:focus-within,
body#user-items .tga-dashboard-card:hover,
body#user-items .tga-dashboard-card:focus-within,
body#user-items .tga-promotion-area:hover,
body#user-items .tga-promotion-area:focus-within,
body#user-items .tga-promotion-area .osp-elem:hover,
body#user-items .tga-promotion-area .osp-elem:focus-within {
  z-index: 2147482000 !important;
}

/* Tooltip-Bibliothek des Pay-Plugins ganz nach vorne holen. */
body#item .tpd-tooltip,
body#item .tpd-skin-osp-tltp,
body#item .tpd-skin-osp-tltp-right,
body#item .osp-tooltip,
body#item .osp-dropdown,
body#item .osp-options,
body#user-items .tpd-tooltip,
body#user-items .tpd-skin-osp-tltp,
body#user-items .tpd-skin-osp-tltp-right,
body#user-items .osp-tooltip,
body#user-items .osp-dropdown,
body#user-items .osp-options {
  visibility: visible !important;
  z-index: 2147483647 !important;
}

/* Während das Werbefenster offen/aktiv ist, Hauptinhalt darunter halten. */
body#item .data-box,
body#item #item-main,
body#item #item-side,
body#user-items .items-box .tga-dashboard-card {
  isolation: auto !important;
}

body#item .osp-item-promos:hover ~ .data-box,
body#item .osp-item-promos:focus-within ~ .data-box {
  z-index: 1 !important;
}


/* ============================================================
   TGAnzeigen 2.2.2 – Header sticky & PushUp-Fenster ganz vorne
   ============================================================ */

/* Oberste Logo-/Benutzerleiste bleibt beim Scrollen stehen. */
@media screen and (min-width: 768px) {
  body > header,
  body > #header,
  header#header,
  body .header-main {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483000 !important;
    width: 100% !important;
    background: var(--mb-color8, #fff) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important;
    overflow: visible !important;
  }

  html[mode="dark"] body > header,
  html[mode="dark"] body > #header,
  html[mode="dark"] header#header,
  html[mode="dark"] body .header-main {
    background: var(--mb-color8, #17191a) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .08) !important;
  }

  /* Benutzer-Dropdown bleibt oberhalb aller Seitenbereiche. */
  body > header .dropdown-menu,
  body > #header .dropdown-menu,
  header#header .dropdown-menu,
  body > header .user-menu,
  body > #header .user-menu,
  header#header .user-menu {
    z-index: 2147483646 !important;
  }
}

/*
 * Das aufgeklappte PushUp-/Premium-Fenster des Pay-Plugins.
 * .osp-extra ist das eigentliche absolute Detailfenster.
 */
body#item .osp-item-promos,
body#user-items .osp-item-promos,
body#item .osp-item-promos .osp-elem,
body#user-items .osp-item-promos .osp-elem {
  overflow: visible !important;
}

body#item .osp-item-promos,
body#user-items .osp-item-promos {
  position: relative !important;
  z-index: 1000 !important;
}

body#item .osp-item-promos .osp-elem,
body#user-items .osp-item-promos .osp-elem {
  position: relative !important;
}

body#item .osp-item-promos .osp-elem:hover,
body#item .osp-item-promos .osp-elem:focus-within,
body#user-items .osp-item-promos .osp-elem:hover,
body#user-items .osp-item-promos .osp-elem:focus-within {
  z-index: 2147483500 !important;
}

body#item .osp-item-promos .osp-extra,
body#user-items .osp-item-promos .osp-extra {
  z-index: 2147483647 !important;
  isolation: isolate !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .28) !important;
}

/*
 * Die gesamte Karte des aktuell geöffneten PushUp-Bereichs wird
 * angehoben, damit kein nachfolgender Anzeigenblock darüber liegt.
 */
body#user-items .tga-dashboard-card:has(.osp-elem:hover),
body#user-items .tga-dashboard-card:has(.osp-elem:focus-within),
body#user-items .item:has(.osp-elem:hover),
body#user-items .item:has(.osp-elem:focus-within),
body#item .data-box:has(.osp-elem:hover),
body#item .data-box:has(.osp-elem:focus-within) {
  position: relative !important;
  z-index: 2147483400 !important;
  overflow: visible !important;
}

/* Fallback für Browser ohne :has-Unterstützung. */
body#user-items .items-box,
body#user-items .tga-dashboard-card,
body#user-items .item,
body#item #item-main,
body#item .data-box {
  overflow: visible !important;
}


/* ============================================================
   TGAnzeigen 2.2.3 – echter Fixed-Header & Pay-Portal
   ============================================================ */
@media screen and (min-width: 768px) {
  /*
   * Zeta verwendet auf Desktop einen festen Header. Die vorherige
   * Sticky-Regel wird überschrieben, da sie innerhalb des Layouts
   * mitgescrollt ist.
   */
  body > header,
  header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483000 !important;
    background: var(--mb-color8, #fff) !important;
    overflow: visible !important;
  }

  body#search #header-search,
  body#item #header-search,
  #header-search {
    position: fixed !important;
    top: 48px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147482000 !important;
  }

  /*
   * Kein großer zusätzlicher Abstand. Nur der Bereich direkt unter
   * den beiden festen Leisten wird geschützt.
   */
  body#item,
  body#search {
    padding-top: 104px !important;
  }
}

/* Originales Pay-Detailfenster verstecken, Portal übernimmt Anzeige. */
.osp-item-promos .osp-elem.tga-osp-portal-active > .osp-extra {
  display: none !important;
}

/* Das geklonte Fenster liegt direkt unter body und kann von keiner
   Anzeigenkarte oder einem overflow-Container verdeckt werden. */
body > .tga-osp-extra-portal {
  display: flex !important;
  position: fixed !important;
  z-index: 2147483647 !important;
  flex-direction: row !important;
  align-items: stretch !important;
  border: 1px solid var(--mb-color-primary, #ff2638) !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #fff !important;
  color: #222 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .30) !important;
  overflow: visible !important;
}

body > .tga-osp-extra-portal > em {
  display: block !important;
  width: 32px !important;
  min-width: 32px !important;
  border-radius: 0 0 0 4px !important;
}

body > .tga-osp-extra-portal .osp-extra-data {
  display: flex !important;
  width: 100% !important;
  padding: 8px 10px 9px !important;
  border-top: 1px solid #ccc !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html[mode="dark"] body > .tga-osp-extra-portal {
  border-color: #ff4a59 !important;
  background: #25282a !important;
  color: #f3f3f3 !important;
}

html[mode="dark"] body > .tga-osp-extra-portal .osp-extra-data {
  border-top-color: #4b4f52 !important;
}

html[mode="dark"] body > .tga-osp-extra-portal .osp-info,
html[mode="dark"] body > .tga-osp-extra-portal .osp-create,
html[mode="dark"] body > .tga-osp-extra-portal .osp-expire,
html[mode="dark"] body > .tga-osp-extra-portal .osp-payment {
  color: #e2e2e2 !important;
}


/* ============================================================
   TGAnzeigen 2.2.4 – Reihenfolge Header und Suchleiste korrigiert
   ============================================================ */
@media screen and (min-width: 768px) {
  /*
   * Logo-/Benutzerleiste fest an erster Stelle.
   * Frühere sticky/fixed-Regeln und mögliche Theme-Animationen
   * werden vollständig überschrieben.
   */
  html body header,
  html body > header {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    z-index: 2147483500 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important;
    overflow: visible !important;
  }

  html body header .container.cmain,
  html body > header .container.cmain {
    height: 48px !important;
    min-height: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
  }

  /*
   * Suchleiste exakt unter dem 48px hohen Header.
   */
  html body #header-search,
  html body body#search #header-search,
  html body body#item #header-search {
    position: fixed !important;
    top: 48px !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    z-index: 2147483000 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important;
  }

  html body #header-search .container {
    height: 56px !important;
    min-height: 56px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Inhalt beginnt unter beiden festen Leisten. */
  html body#item,
  html body#search {
    padding-top: 104px !important;
  }

  /* Dropdowns des Benutzerkontos bleiben ganz oben. */
  html body header .dropdown-menu,
  html body header .user-menu,
  html body header .account-dropdown,
  html body header .profile-dropdown {
    z-index: 2147483646 !important;
  }

  /* Das Pay-Portal bleibt über dem Inhalt, aber unter dem Header. */
  html body > .tga-osp-extra-portal {
    z-index: 2147482900 !important;
  }
}

/* Dunkelmodus ohne Transparenz. */
@media screen and (min-width: 768px) {
  html[mode="dark"] body header,
  html[mode="dark"] body > header {
    background: #1a1d1e !important;
    box-shadow: 0 1px 0 #393939 !important;
  }

  html[mode="dark"] body #header-search {
    background: var(--mb-color14, #1f2224) !important;
    box-shadow: 0 1px 0 var(--mb-color12, #393939) !important;
  }
}


/* ============================================================
   TGAnzeigen 2.2.5 – finale Header-Ebenen
   ============================================================ */
@media screen and (min-width: 768px) {
  body > header,
  body header {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 2147483500 !important;
    background: #fff !important;
  }

  body #header-search {
    position: fixed !important;
    top: 48px !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 2147483000 !important;
    background: #fff !important;
  }

  body#item,
  body#search {
    padding-top: 104px !important;
  }

  html[mode="dark"] body > header,
  html[mode="dark"] body header {
    background: #1a1d1e !important;
  }

  html[mode="dark"] body #header-search {
    background: #1f2224 !important;
  }
}


/* ============================================================
   TGAnzeigen 2.2.6 – Standort und Aufrufe korrigiert
   ============================================================ */
body#item.tga-item-modern
#item-main
.details
.tga-location-card {
  display: flex !important;
}

body#item.tga-item-modern
#item-main
.details
.tga-location-card
> div {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body#item.tga-item-modern
#item-main
.details
.tga-location-card
strong {
  color: inherit !important;
  font-weight: 700 !important;
}


/* ============================================================
   TGAnzeigen 2.2.7 – Trefferlisten-Link & mobiler Zurückbutton
   ============================================================ */

/*
 * Navigation oberhalb der Anzeige:
 * „Zur Trefferliste“, „Vorherige Anzeige“ und „Nächste Anzeige“
 * erhalten dieselbe Button-Optik.
 */
body#item #breadcrumbs .navlinks.tga-result-nav a,
body#item #breadcrumbs .navlinks a.prev,
body#item #breadcrumbs .navlinks a.next {
  display: inline-flex !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #222222 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    transform .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    color .14s ease !important;
}

body#item #breadcrumbs .navlinks.tga-result-nav a:hover,
body#item #breadcrumbs .navlinks.tga-result-nav a:focus,
body#item #breadcrumbs .navlinks a.prev:hover,
body#item #breadcrumbs .navlinks a.prev:focus,
body#item #breadcrumbs .navlinks a.next:hover,
body#item #breadcrumbs .navlinks a.next:focus {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 38, 56, .38) !important;
  color: #ff2638 !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .11) !important;
  outline: none !important;
}

html[mode="dark"] body#item #breadcrumbs .navlinks.tga-result-nav a,
html[mode="dark"] body#item #breadcrumbs .navlinks a.prev,
html[mode="dark"] body#item #breadcrumbs .navlinks a.next {
  border-color: #555555 !important;
  background: #262626 !important;
  color: #ffffff !important;
}

/*
 * Smartphone: der einzelne Pfeil links oben im Header bleibt exakt
 * an seiner bisherigen Position, bekommt aber die gleiche Kartenoptik.
 */
@media screen and (max-width: 767px) {
  body#item header .container.cmain > a.back.isMobile {
    display: inline-flex !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body#item header .container.cmain > a.back.isMobile svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
  }

  body#item header .container.cmain > a.back.isMobile:active {
    transform: scale(.96) !important;
    border-color: rgba(255, 38, 56, .45) !important;
    color: #ff2638 !important;
  }

  html[mode="dark"] body#item header .container.cmain > a.back.isMobile {
    border-color: #555555 !important;
    background: #262626 !important;
    color: #ffffff !important;
  }

  /*
   * Die beiden Anzeigen-Navigationsbuttons behalten ihre Position
   * links/rechts und dieselbe Optik.
   */
  body#item #breadcrumbs .navlinks.tga-result-nav {
    align-items: center !important;
    justify-content: space-between !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.prev {
    margin-right: auto !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.next {
    margin-left: auto !important;
  }
}


/* ============================================================
   TGAnzeigen 2.2.8 – Mobile Seite unter Header + Trefferliste
   ============================================================ */
@media screen and (max-width: 767px) {
  /* Inhalt nicht mehr unter dem fixen mobilen Header verstecken. */
  body#search,
  body#item {
    padding-top: 64px !important;
  }

  body#search > .content,
  body#item > .content {
    margin-top: 0 !important;
  }

  /* Zurückbutton bleibt an gleicher Stelle, erhält Text. */
  body#item header .container.cmain > a.tga-mobile-results-back {
    display: inline-flex !important;
    width: auto !important;
    min-width: 44px !important;
    max-width: 132px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    fill: currentColor !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back
  .tga-mobile-results-back-label {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  html[mode="dark"] body#item header .container.cmain > a.tga-mobile-results-back {
    border-color: #555555 !important;
    background: #262626 !important;
    color: #ffffff !important;
  }
}


/* ============================================================
   TGAnzeigen 2.2.9 – Trefferliste im Breadcrumb-Navigationsbereich
   ============================================================ */
@media screen and (min-width: 768px) {
  /*
   * Auf Artikelseiten wird der normale Breadcrumb-Text ausgeblendet.
   * Die Navigation sitzt komplett in derselben Breadcrumb-Zeile.
   */
  body#item #breadcrumbs {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  body#item #breadcrumbs .bread-text {
    display: none !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /*
   * Trefferliste bleibt links; Vorherige/Nächste Anzeige stehen
   * gemeinsam rechts.
   */
  body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    margin-right: auto !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.prev {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.next {
    margin-left: 0 !important;
  }

  /* Gleiche Optik wie die vorhandenen Anzeigen-Navigationsbuttons. */
  body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    display: inline-flex !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.results:hover,
  body#item #breadcrumbs .navlinks.tga-result-nav a.results:focus {
    border-color: rgba(255, 38, 56, .38) !important;
    color: #ff2638 !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }

  html[mode="dark"] body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    border-color: #555555 !important;
    background: #262626 !important;
    color: #ffffff !important;
  }
}

/*
 * Mobil gibt es bereits den beschrifteten Trefferlisten-Button
 * oben links im Header. Deshalb wird der neue Desktop-Button dort
 * nicht zusätzlich angezeigt.
 */
@media screen and (max-width: 767px) {
  body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    display: none !important;
  }
}


/* ============================================================
   TGAnzeigen 2.3.0 – nur Mobil: Trefferliste korrekt + sauberer Button
   Desktop-Navigation bleibt unverändert.
   ============================================================ */
@media screen and (max-width: 767px) {
  body#item header .container.cmain > a.tga-mobile-results-back {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;

    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    border: 1px solid #d4d4d4 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;

    display: inline-flex !important;
    flex: 0 0 112px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    overflow: hidden !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
    fill: currentColor !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back
  .tga-mobile-results-back-label {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[mode="dark"] body#item header .container.cmain > a.tga-mobile-results-back {
    border-color: #555555 !important;
    background: #262626 !important;
    color: #ffffff !important;
  }
}


/* ============================================================
   TGAnzeigen 2.3.1 – Mobil: Trefferliste unabhängig vom Zeta-Backbutton
   Desktop bleibt unverändert.
   ============================================================ */
@media screen and (max-width: 767px) {
  body#item header .container.cmain {
    position: relative !important;
  }

  /*
   * Eigener Button statt Zeta-Klasse .back:
   * dadurch keine 40px-Breite, kein 40px-Rand und kein Zurück-Verhalten.
   */
  body#item header .container.cmain > a.tga-mobile-results-back {
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;

    border: 1px solid #d4d4d4 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    overflow: hidden !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    z-index: 5 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: currentColor !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back
  .tga-mobile-results-back-label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body#item header .container.cmain > a.tga-mobile-results-back:active {
    transform: translateY(-50%) scale(.97) !important;
    border-color: rgba(255, 38, 56, .45) !important;
    color: #ff2638 !important;
  }

  html[mode="dark"] body#item header .container.cmain > a.tga-mobile-results-back {
    border-color: #555555 !important;
    background: #262626 !important;
    color: #ffffff !important;
  }
}


/* ============================================================
   TGAnzeigen 2.3.3 – Mobile Navigation bereinigt
   Trefferliste links, Vorherige/Nächste kleiner rechts.
   Desktop bleibt unverändert.
   ============================================================ */
@media screen and (max-width: 767px) {
  body#item #breadcrumbs {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #e5e5e5 !important;
    z-index: 20 !important;
  }

  body#item #breadcrumbs .bread-text {
    display: none !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a {
    display: inline-flex !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.08) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    display: inline-flex !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    margin-right: auto !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.prev {
    flex: 0 0 121px !important;
    width: 121px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.next {
    flex: 0 0 111px !important;
    width: 111px !important;
    margin-left: 0 !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.is-fallback-empty,
  body#item #breadcrumbs .navlinks.tga-result-nav a[style*="display: none"] {
    display: none !important;
  }

  html[mode="dark"] body#item #breadcrumbs {
    background: #181818 !important;
    border-color: #333 !important;
  }

  html[mode="dark"] body#item #breadcrumbs .navlinks.tga-result-nav a {
    background: #262626 !important;
    border-color: #555 !important;
    color: #fff !important;
  }
}

@media screen and (max-width: 390px) {
  body#item #breadcrumbs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav {
    gap: 3px !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 9.5px !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    flex-basis: 84px !important;
    width: 84px !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.prev {
    flex-basis: 112px !important;
    width: 112px !important;
  }

  body#item #breadcrumbs .navlinks.tga-result-nav a.next {
    flex-basis: 103px !important;
    width: 103px !important;
  }
}


/* ============================================================
   TGAnzeigen 2.3.5 – Mobile Header zurück in normalen Seitenfluss
   + zusätzliche 3er-Navigation entfernen
   Desktop bleibt unverändert.
   ============================================================ */
@media screen and (max-width: 767px) {
  /*
   * Der Header soll direkt unter der Browserleiste beginnen.
   * Keine künstliche body-Lücke und kein fixed-offset mehr.
   */
  html body#item {
    padding-top: 0 !important;
  }

  html body#item > header,
  html body#item header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    z-index: 1000 !important;
    background: #fff !important;
  }

  html body#item > header .container.cmain,
  html body#item header .container.cmain {
    width: calc(100% - 24px) !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /*
   * Der zusätzliche Trefferlisten-Button im Header wird nicht mehr
   * benötigt. Die bestehende Anzeigen-Navigation bleibt darunter.
   */
  html body#item header a.tga-mobile-results-back {
    display: none !important;
  }

  /*
   * Falls aus einer älteren Version noch die zusätzliche 3er-Leiste
   * im DOM steht, wird sie vollständig entfernt.
   */
  html body#item #tga-mobile-item-nav-final,
  html body#item .tga-mobile-item-nav {
    display: none !important;
  }

  /*
   * In der bestehenden Breadcrumb-Navigation nur Vorherige/Nächste
   * anzeigen. Der zusätzliche Trefferlisten-Link wird mobil entfernt.
   */
  html body#item #breadcrumbs .navlinks.tga-result-nav a.results {
    display: none !important;
  }

  html[mode="dark"] body#item > header,
  html[mode="dark"] body#item header {
    background: #181818 !important;
  }
}


/* ============================================================
   TGAnzeigen 2.3.7 – Mobile Navigation strukturell getrennt
   Trefferliste links; Vorherige/Nächste kompakt ganz rechts.
   Desktop-Navigation unverändert.
   ============================================================ */
@media screen and (max-width: 767px) {
  /* Desktop-Navigation mobil sicher ausblenden. */
  body#item #breadcrumbs .tga-result-nav.isDesktop {
    display: none !important;
  }

  body#item #breadcrumbs {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  body#item #breadcrumbs .bread-text {
    display: none !important;
  }

  /* Exakt eine mobile Navigationszeile. */
  body#item #breadcrumbs .tga-mobile-item-nav-237 {
    display: flex !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }

  body#item #breadcrumbs .tga-mobile-item-nav-237 > a,
  body#item #breadcrumbs .tga-mobile-item-nav-237 .right > a {
    display: inline-flex !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.08) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  /* Trefferliste alleine links. */
  body#item #breadcrumbs .tga-mobile-item-nav-237 > a.results {
    flex: 0 0 auto !important;
  }

  /* Vorherige/Nächste als Gruppe ganz rechts. */
  body#item #breadcrumbs .tga-mobile-item-nav-237 .right {
    display: flex !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }

  body#item #breadcrumbs .tga-mobile-item-nav-237 .right > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html[mode="dark"] body#item #breadcrumbs {
    background: #181818 !important;
    border-color: #333 !important;
  }

  html[mode="dark"] body#item #breadcrumbs .tga-mobile-item-nav-237 > a,
  html[mode="dark"] body#item #breadcrumbs .tga-mobile-item-nav-237 .right > a {
    background: #262626 !important;
    border-color: #555 !important;
    color: #fff !important;
  }
}

/* Auf Desktop bleibt ausschließlich die bisherige Navigation sichtbar. */
@media screen and (min-width: 768px) {
  body#item #breadcrumbs .tga-mobile-item-nav-237 {
    display: none !important;
  }
}

/* ============================================================
   TGAnzeigen 2.3.10 – Desktop-Abstand für Benutzerkonto/Plugins
   Der feste Header (48px) + Suchleiste (56px) benötigen zusammen
   104px. Nur Account- und Custom/Plugin-Seiten werden korrigiert.
   Mobile, Artikel, Suche und Startseite bleiben unverändert.
   ============================================================ */
@media screen and (min-width: 768px) {
  html body.body-ua,
  html body#custom {
    padding-top: 104px !important;
  }
}



/* ============================================================
   TGMarkt – PushUp direkt hinter der Anzeigenüberschrift
   ============================================================ */
body#item.tga-item-modern #item-main h1.row .label.pushup.tga-pushup-after-title,
body#item #item-main h1.row .label.pushup.tga-pushup-after-title {
  float: none !important;
  display: inline-flex !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 18px !important;
  height: 18px !important;
  margin: 0 0 4px 8px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  font-size: 9px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body#item.tga-item-modern #item-main h1.row .label.pushup.tga-pushup-after-title i,
body#item #item-main h1.row .label.pushup.tga-pushup-after-title i {
  margin-right: 2px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}


/* ============================================================
   TGMarkt 3.17.19 – Detailseite Premium & PushUp final
   Diese Regeln stehen bewusst in tg-anzeigen.css, weil hier eine
   ältere, spezifischere PushUp-Regel die globale Darstellung überstimmt hat.
   ============================================================ */
body#item.tga-item-modern #item-main h1.row .label.premium.tga-premium-after-title,
body#item #item-main h1.row .label.premium.tga-premium-after-title,
body#item.tga-item-modern #item-main h1.row .label.pushup.tga-pushup-after-title,
body#item #item-main h1.row .label.pushup.tga-pushup-after-title {
  float:none!important;
  display:inline-flex!important;
  position:static!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  margin:0 0 4px 8px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  font-size:10px!important;
  line-height:22px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  gap:3px!important;
}

body#item.tga-item-modern #item-main h1.row .label.premium.tga-premium-after-title,
body#item #item-main h1.row .label.premium.tga-premium-after-title {
  background:#0095f6!important;
  color:#fff!important;
}

body#item.tga-item-modern #item-main h1.row .label.pushup.tga-pushup-after-title,
body#item #item-main h1.row .label.pushup.tga-pushup-after-title {
  background:#F7E66A!important;
  color:#111!important;
}

/* Premium-Stern */
body#item #item-main h1.row .label.premium.tga-premium-after-title .tga-premium-star,
body#item.tga-item-modern #item-main h1.row .label.premium.tga-premium-after-title .tga-premium-star {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:11px!important;
  height:11px!important;
  margin:0!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* PushUp-Pfeil */
body#item #item-main h1.row .label.pushup.tga-pushup-after-title .tga-pushup-arrow,
body#item.tga-item-modern #item-main h1.row .label.pushup.tga-pushup-after-title .tga-pushup-arrow {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:11px!important;
  height:11px!important;
  margin:0!important;
  color:#111!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* ============================================================
   TGMarkt – Suchanzeige: Highlight-Rahmen weiter außen + Luft
   ============================================================ */
body#search .products.list .simple-prod.osp-item-is-highlight {
  padding: 8px 10px !important;
  box-sizing: border-box !important;
}

body#search .products.list .simple-prod.osp-item-is-highlight .simple-wrap {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 0 2px var(--mb-color-secondary) !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 767px) {
  body#search .products.list .simple-prod.osp-item-is-highlight {
    padding: 6px 7px !important;
  }

  body#search .products.list .simple-prod.osp-item-is-highlight .simple-wrap {
    padding: 8px 9px !important;
    border-radius: 9px !important;
  }
}

/* ============================================================
   TGMarkt v4 – Premium/PushUp exakt wie PRO/VIP-Rahmen ausrichten
   ============================================================ */
body#search #search-items .products.list .simple-prod.osp-item-is-highlight {
  width:100% !important;
  max-width:none !important;
  margin:10px 0 !important;
  padding:12px !important;
  box-sizing:border-box !important;
  background:#bef1ef !important;
  border:2px solid var(--mb-color-primary) !important;
  border-radius:10px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body#search #search-items .products.list .simple-prod.osp-item-is-highlight .simple-wrap {
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

@media screen and (max-width: 767px) {
  body#search #search-items .products.list .simple-prod.osp-item-is-highlight {
    margin:8px 0 !important;
    padding:10px !important;
    border-radius:9px !important;
  }
}