/**
 * DiMA new-skin preview — denser, cleaner, moodboard-aligned.
 * ?skin=new only. Value = quiet estimate. No eBay chrome in cards.
 * Fonts loaded via <link> in login.php (not @import — was blocking/fragile).
 */

html.dima-skin-new,
html.dima-skin-new body,
body.dima-skin-new {
  --dima-ink: #152033;
  --dima-muted: #5b6b7c;
  --dima-sky: #1a7eb8;
  --dima-sky-deep: #0f5f8c;
  --dima-accent: #c43b4a;
  --dima-panel: #eef5fa;
  --dima-line: #d3e0ea;
  --dima-page: #eef3f8;
  --dima-card: #ffffff;
  --dima-radius: 10px;
  --dima-ctrl: 38px;
  --dima-font: "Nunito", "Segoe UI", sans-serif;
  --dima-display: "Outfit", "Nunito", sans-serif;
}

html.dima-skin-new body,
body.dima-skin-new,
body.DiMAPageBODY.dima-skin-new {
  background:
    radial-gradient(900px 360px at 8% -8%, rgba(26, 126, 184, 0.14), transparent 55%),
    var(--dima-page) !important;
  color: var(--dima-ink) !important;
  font-family: var(--dima-font) !important;
}
html.dima-skin-new .DiMAPageBODY,
html.dima-skin-new .DiMADataTD,
html.dima-skin-new .DiMAFooterTD,
html.dima-skin-new font {
  font-family: var(--dima-font) !important;
}

.dima-skin-banner {
  position: sticky;
  top: 0;
  z-index: 10060;
  background: #0f1c2a;
  color: #e8eef2;
  font: 600 12px/1.35 var(--dima-font);
  padding: 7px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--dima-sky);
}
.dima-skin-banner a { color: #9ec9de !important; font-weight: 700; }

html.dima-skin-new #wrapper,
html.dima-skin-new #outer-wrapper,
html.dima-skin-new .main-content-wrapper,
html.dima-skin-new .l-content,
html.dima-skin-new .l-container,
html.dima-skin-new .canvas-layout,
html.dima-skin-new .canvas-widget {
  background: transparent !important;
  max-width: none !important;
}
html.dima-skin-new .ad_header_inner,
html.dima-skin-new #header-axd {
  display: none !important; /* preview: reclaim vertical space */
}
html.dima-skin-new .b-top-menu__background.js-top-menu-user {
  background: linear-gradient(90deg, #0f5f8c, #1a7eb8) !important;
}

/* Content canvas: use the width */
html.dima-skin-new .l-container,
html.dima-skin-new #content,
html.dima-skin-new .main-content-wrapper {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* ========== TABS ========== */
html.dima-skin-new .settingsTabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--dima-line) !important;
  background: #fff !important;
  border-radius: 8px 8px 0 0 !important;
  font-family: var(--dima-display) !important;
}
html.dima-skin-new .settingsTabs > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  color: var(--dima-muted) !important;
  text-decoration: none !important;
  font: 700 13px/1.2 var(--dima-display) !important;
}
html.dima-skin-new .settingsTabs > a:hover {
  color: var(--dima-sky-deep) !important;
  background: var(--dima-panel) !important;
}
html.dima-skin-new .settingsTabs > a .label,
html.dima-skin-new .settingsTabs > a .label b {
  font: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
  background: transparent !important;
  vertical-align: baseline !important;
  font-family: var(--dima-display) !important;
}
html.dima-skin-new .settingsTabs > a img { display: none !important; }
html.dima-skin-new .settingsTabs > a:has(b) {
  color: var(--dima-sky-deep) !important;
  border-bottom-color: var(--dima-sky) !important;
}
/* Do NOT use the `mask` shorthand here — it resets mask-image and kills tab icons */
html.dima-skin-new .settingsTabs > a.dima-tab::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}
html.dima-skin-new .settingsTabs > a.dima-tab--quick::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new .settingsTabs > a.dima-tab--advanced::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h16v2H4V6zm2 5h12v2H6v-2zm-2 5h16v2H4v-2z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h16v2H4V6zm2 5h12v2H6v-2zm-2 5h16v2H4v-2z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new .settingsTabs > a.dima-tab--trade::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 8H18l-2.2-2.2L17.2 4 22 8.8 17.2 13.6l-1.4-1.4L18 10H7.5V8zm9 8H6l2.2 2.2L6.8 20 2 15.2 6.8 10.4l1.4 1.4L6 14h10.5v2z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 8H18l-2.2-2.2L17.2 4 22 8.8 17.2 13.6l-1.4-1.4L18 10H7.5V8zm9 8H6l2.2 2.2L6.8 20 2 15.2 6.8 10.4l1.4 1.4L6 14h10.5v2z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new .settingsTabs > a.dima-tab--want::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21s-7-4.35-9.5-8.4C.7 9.9 2.1 6.2 5.4 5.5c1.8-.4 3.6.4 4.6 1.9 1-1.5 2.8-2.3 4.6-1.9 3.3.7 4.7 4.4 2.9 7.1C19 16.65 12 21 12 21z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21s-7-4.35-9.5-8.4C.7 9.9 2.1 6.2 5.4 5.5c1.8-.4 3.6.4 4.6 1.9 1-1.5 2.8-2.3 4.6-1.9 3.3.7 4.7 4.4 2.9 7.1C19 16.65 12 21 12 21z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new .settingsTabs > a.dima-tab--submit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") !important;
}

/* ========== FILTER BAR — tight, equal controls ========== */
html.dima-skin-new .dima-filter-bar,
html.dima-skin-new form.dima-search-form > table.DiMAFormTABLE,
html.dima-skin-new form.niceform > table.DiMAFormTABLE {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: var(--dima-radius) !important;
  box-shadow: 0 4px 14px rgba(15, 95, 140, 0.06) !important;
}
html.dima-skin-new .dima-filter-bar > tbody,
html.dima-skin-new form.niceform > table.DiMAFormTABLE > tbody {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}
html.dima-skin-new .dima-filter-bar > tbody > tr,
html.dima-skin-new form.niceform > table.DiMAFormTABLE > tbody > tr {
  display: contents !important;
}
html.dima-skin-new .dima-filter-bar td,
html.dima-skin-new form.niceform > table.DiMAFormTABLE td {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
}
html.dima-skin-new .dima-filter-bar select,
html.dima-skin-new .dima-filter-bar input[type="text"],
html.dima-skin-new form.niceform select,
html.dima-skin-new form.niceform input[type="text"],
html.dima-skin-new form.niceform .DiMAInput {
  width: auto !important;
  min-width: 118px !important;
  max-width: 160px !important;
  height: var(--dima-ctrl) !important;
  padding: 0 10px !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: 8px !important;
  background: var(--dima-panel) !important;
  font: 600 13px/var(--dima-ctrl) var(--dima-font) !important;
  color: var(--dima-ink) !important;
  box-sizing: border-box !important;
}
html.dima-skin-new .dima-filter-bar input[name*="part"],
html.dima-skin-new .dima-filter-bar input[name*="Part"],
html.dima-skin-new .dima-filter-bar input[placeholder="Part #"],
html.dima-skin-new .dima-filter-bar input[placeholder="Model ID"],
html.dima-skin-new form.niceform input[placeholder="Part #"],
html.dima-skin-new form.niceform input[placeholder="Model ID"] {
  min-width: 100px !important;
  width: 110px !important;
  max-width: 120px !important;
}
html.dima-skin-new form.niceform input[type="submit"],
html.dima-skin-new input.DiMAButton.primary {
  height: var(--dima-ctrl) !important;
  min-width: 96px !important;
  padding: 0 16px !important;
  background: var(--dima-sky) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font: 800 13px/1 var(--dima-display) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
html.dima-skin-new form.niceform input[type="submit"]:hover {
  background: var(--dima-sky-deep) !important;
}
html.dima-skin-new form.niceform a {
  font: 700 12px var(--dima-font) !important;
  color: var(--dima-sky-deep) !important;
}

/* Compare selected — toolbar only (classic hides it) */
.dima-compare-bar-btn { display: none !important; }
html.dima-skin-new .dima-compare-bar-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  margin-left: 12px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--dima-sky) !important;
  color: #fff !important;
  font: 800 12px/1 var(--dima-display) !important;
  font-family: var(--dima-display) !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}
html.dima-skin-new .dima-compare-bar-btn:hover {
  background: var(--dima-sky-deep) !important;
}

/* ========== PAGINATION BAR ========== */
html.dima-skin-new .dima-results-meta,
html.dima-skin-new #search-results > form > table.DiMAFormTABLE:first-of-type {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  background: #fff !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: 8px !important;
}
html.dima-skin-new .dima-results-meta > tbody,
html.dima-skin-new #search-results > form > table.DiMAFormTABLE:first-of-type > tbody {
  display: block !important;
  width: 100% !important;
}
html.dima-skin-new .dima-results-meta > tbody > tr,
html.dima-skin-new #search-results > form > table.DiMAFormTABLE:first-of-type > tbody > tr {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
}
html.dima-skin-new .dima-results-meta td,
html.dima-skin-new #search-results > form > table.DiMAFormTABLE:first-of-type td {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  flex: 0 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  font: 600 13px/1.3 var(--dima-font) !important;
  color: var(--dima-muted) !important;
}
html.dima-skin-new .dima-results-meta td:nth-child(2) {
  order: -1 !important;
  flex: 1 1 100% !important;
  justify-content: flex-start !important;
  margin-bottom: 2px !important;
}
html.dima-skin-new .dima-results-meta td:nth-child(3) {
  margin-left: auto !important;
}
html.dima-skin-new .dima-results-meta b {
  color: var(--dima-ink) !important;
  font: 800 14px/1.3 var(--dima-display) !important;
}
html.dima-skin-new .dima-results-meta select {
  height: 32px !important;
  min-width: 64px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--dima-line) !important;
  background: var(--dima-panel) !important;
  font: 600 13px var(--dima-font) !important;
}
html.dima-skin-new .dima-results-meta a,
html.dima-skin-new .dima-results-pager a,
html.dima-skin-new .DiMANavigatorLink,
html.dima-skin-new a.dima-nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--dima-sky-deep) !important;
  font: 700 13px/1 "Nunito", sans-serif !important;
  text-decoration: none !important;
  border: 1px solid var(--dima-line) !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(21, 32, 51, 0.04) !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s !important;
}
html.dima-skin-new .dima-results-meta a:hover,
html.dima-skin-new .dima-results-pager a:hover,
html.dima-skin-new .DiMANavigatorLink:hover,
html.dima-skin-new a.dima-nav:hover {
  background: var(--dima-sky) !important;
  border-color: var(--dima-sky) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(26, 126, 184, 0.25) !important;
}
/* Never show legacy PNG pager icons */
html.dima-skin-new .dima-results-meta img,
html.dima-skin-new .dima-results-pager img,
html.dima-skin-new .DiMANavigatorLink img,
html.dima-skin-new a.dima-nav img {
  display: none !important;
}
html.dima-skin-new .dima-page-current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  background: var(--dima-sky-deep) !important;
  color: #fff !important;
  font: 800 13px/1 "Nunito", sans-serif !important;
  border: 1px solid var(--dima-sky-deep) !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 10px rgba(15, 95, 140, 0.28) !important;
}

/* Modern chevron controls — CSS only, no site PNGs */
html.dima-skin-new a.dima-nav--first,
html.dima-skin-new a.dima-nav--prev,
html.dima-skin-new a.dima-nav--next,
html.dima-skin-new a.dima-nav--last {
  width: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
}
html.dima-skin-new a.dima-nav .dima-nav__fallback {
  display: none !important;
}
html.dima-skin-new a.dima-nav--first::before,
html.dima-skin-new a.dima-nav--prev::before,
html.dima-skin-new a.dima-nav--next::before,
html.dima-skin-new a.dima-nav--last::before {
  content: "" !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background-color: var(--dima-sky-deep) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}
html.dima-skin-new a.dima-nav--first:hover::before,
html.dima-skin-new a.dima-nav--prev:hover::before,
html.dima-skin-new a.dima-nav--next:hover::before,
html.dima-skin-new a.dima-nav--last:hover::before {
  background-color: #fff !important;
}
html.dima-skin-new a.dima-nav--first::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.8 6.2 7 12l5.8 5.8 1.4-1.4L9.8 12l4.4-4.4-1.4-1.4zm5.5 0L12.5 12l5.8 5.8 1.4-1.4L15.3 12l4.4-4.4-1.4-1.4z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.8 6.2 7 12l5.8 5.8 1.4-1.4L9.8 12l4.4-4.4-1.4-1.4zm5.5 0L12.5 12l5.8 5.8 1.4-1.4L15.3 12l4.4-4.4-1.4-1.4z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new a.dima-nav--prev::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.7 6.2 8.9 12l5.8 5.8 1.4-1.4L11.7 12l4.4-4.4-1.4-1.4z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.7 6.2 8.9 12l5.8 5.8 1.4-1.4L11.7 12l4.4-4.4-1.4-1.4z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new a.dima-nav--next::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.3 6.2 8 7.6l4.4 4.4L8 16.4l1.3 1.4L15.1 12 9.3 6.2z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.3 6.2 8 7.6l4.4 4.4L8 16.4l1.3 1.4L15.1 12 9.3 6.2z'/%3E%3C/svg%3E") !important;
}
html.dima-skin-new a.dima-nav--last::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.7 6.2 4.3 7.6l4.4 4.4-4.4 4.4 1.4 1.4L11.5 12 5.7 6.2zm5.5 0L9.8 7.6l4.4 4.4-4.4 4.4 1.4 1.4L17 12l-5.8-5.8z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.7 6.2 4.3 7.6l4.4 4.4-4.4 4.4 1.4 1.4L11.5 12 5.7 6.2zm5.5 0L9.8 7.6l4.4 4.4-4.4 4.4 1.4 1.4L17 12l-5.8-5.8z'/%3E%3C/svg%3E") !important;
}

/* Bottom navigator — same bar look as top */
html.dima-skin-new tr.dima-results-pager {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 8px 10px !important;
  background: #fff !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html.dima-skin-new tr.dima-results-pager > td,
html.dima-skin-new td.dima-results-pager__cell {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  white-space: normal !important;
}

/* Legacy bottom-nav selectors (no-records row etc.) */
html.dima-skin-new .dima-results-grid > tbody > tr:not(.dima-result):not(.dima-results-head):not(.dima-results-pager) {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 4px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.dima-skin-new .dima-results-grid > tbody > tr:not(.dima-result):not(.dima-results-head):not(.dima-results-pager) > td {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ========== RESULT CARDS ========== */
html.dima-skin-new .dima-results-grid,
html.dima-skin-new #search-results > form > table.dima-results-grid {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
}
html.dima-skin-new .dima-results-grid > tbody {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  align-items: stretch !important;
}
html.dima-skin-new .dima-results-head { display: none !important; }

html.dima-skin-new tr.dima-result {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 168px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(21, 32, 51, 0.05) !important;
  box-sizing: border-box !important;
}
html.dima-skin-new tr.dima-result:hover {
  border-color: rgba(26, 126, 184, 0.45) !important;
  box-shadow: 0 6px 16px rgba(15, 95, 140, 0.1) !important;
}
html.dima-skin-new tr.dima-result > td.dima-result__shell {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
}

/* Title spans full card width above photo + details */
html.dima-skin-new a.dima-card-title {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border-bottom: 1px solid var(--dima-line) !important;
  background: #f7fafc !important;
  font-family: "Outfit", "Nunito", sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-style: normal !important;
  color: var(--dima-ink) !important;
  text-decoration: none !important;
  letter-spacing: -0.01em;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html.dima-skin-new a.dima-card-title:hover { color: var(--dima-sky) !important; }

html.dima-skin-new .dima-result__row {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 140px !important;
  align-items: stretch !important;
}

/* Featured photo — tighter, fills leftover height */
html.dima-skin-new .dima-result__photo {
  position: relative !important;
  flex: 0 0 34% !important;
  width: 34% !important;
  min-width: 130px !important;
  min-height: 0 !important;
  background: linear-gradient(160deg, #e8f2f8, #d5e6f0) !important;
  border-right: 1px solid var(--dima-line) !important;
}
html.dima-skin-new .dima-result__photo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
html.dima-skin-new .dima-result__photo img.dima-card-photo,
html.dima-skin-new .dima-result__photo img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
html.dima-skin-new .dima-result__photo img.dima-card-photo--empty {
  padding: 6px !important;
  background: linear-gradient(180deg, #eef5fa 0%, #e2edf5 100%) !important;
  border-radius: 8px !important;
}
html.dima-skin-new .dima-result__photo img.large { display: none !important; }
html.dima-skin-new .dima-result__photo .piccount {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  z-index: 2 !important;
  background: rgba(15, 28, 42, 0.75) !important;
  color: #fff !important;
  font: 700 10px/1 "Nunito", sans-serif !important;
  padding: 4px 7px !important;
  border-radius: 5px !important;
}

/* Details — compact stack, no empty middle */
html.dima-skin-new .dima-result__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  font-family: "Nunito", sans-serif !important;
  justify-content: flex-start !important;
}

html.dima-skin-new .dima-card-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html.dima-skin-new .dima-card-badges span {
  display: inline-flex !important;
  align-items: center !important;
}
html.dima-skin-new .dima-scale-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 5px !important;
  background: var(--dima-sky-deep) !important;
  color: #fff !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-style: normal !important;
  letter-spacing: 0.02em;
}
html.dima-skin-new .dima-card-scale img {
  display: none !important;
}
html.dima-skin-new .dima-logo,
html.dima-skin-new .dima-card-badges img {
  max-height: none !important;
  height: 28px !important;
  width: auto !important;
  max-width: 110px !important;
  object-fit: contain !important;
  display: block !important;
  border: 0 !important;
}
html.dima-skin-new .dima-logo--manuf,
html.dima-skin-new .dima-card-manuf img {
  height: 26px !important;
}
html.dima-skin-new .dima-card-manuf {
  font: 700 12px "Nunito", sans-serif !important;
  color: var(--dima-muted) !important;
  gap: 6px !important;
}

html.dima-skin-new .dima-card-notes,
html.dima-skin-new .dima-card-notes .dima-card-notes__text,
html.dima-skin-new span.dima-card-notes__text {
  margin: 0 !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-style: normal !important;
  color: #3d5163 !important;
  flex: 0 0 auto !important;
  max-height: 2.6em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

html.dima-skin-new .dima-card-footer {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  margin-top: 4px !important;
  padding-top: 0 !important;
  flex: 0 0 auto !important;
}
html.dima-skin-new .dima-card-meta-wrap,
html.dima-skin-new .dima-card-meta,
html.dima-skin-new .dima-card-meta__value,
html.dima-skin-new .dima-card-meta__ids,
html.dima-skin-new .dima-card-meta span {
  font-family: "Nunito", sans-serif !important;
  font-style: normal !important;
}
html.dima-skin-new .dima-card-meta-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--dima-muted) !important;
}
html.dima-skin-new .dima-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  align-items: baseline !important;
}
html.dima-skin-new .dima-card-meta__value {
  font-weight: 700 !important;
  font-size: 11px !important;
  color: var(--dima-ink) !important;
}
html.dima-skin-new .dima-card-meta__ids {
  font-weight: 600 !important;
  font-size: 11px !important;
  color: var(--dima-muted) !important;
}

/* Actions + compare on one row */
html.dima-skin-new .dima-card-actions-wrap,
html.dima-skin-new .dima-card-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}
html.dima-skin-new .dima-compare {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 0 6px !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
  user-select: none !important;
}
html.dima-skin-new .dima-compare input {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
}
html.dima-skin-new .dima-compare__ui {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--dima-line) !important;
  background: #fff !important;
  color: var(--dima-muted) !important;
  font: 800 11px/1 "Outfit", "Nunito", sans-serif !important;
  letter-spacing: 0.02em;
  white-space: nowrap !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
html.dima-skin-new .dima-compare__ui::before {
  content: "" !important;
  width: 11px !important;
  height: 11px !important;
  margin-right: 5px !important;
  border-radius: 3px !important;
  border: 2px solid var(--dima-line) !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
html.dima-skin-new .dima-compare input:checked + .dima-compare__ui {
  background: var(--dima-panel) !important;
  border-color: var(--dima-sky) !important;
  color: var(--dima-sky-deep) !important;
}
html.dima-skin-new .dima-compare input:checked + .dima-compare__ui::before {
  border-color: var(--dima-sky) !important;
  background: var(--dima-sky) !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}
html.dima-skin-new .dima-compare-go { display: none !important; }

html.dima-skin-new .dima-ico {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  display: block !important;
}
html.dima-skin-new .dima-card-actions__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  font: 800 11px/1 "Outfit", "Nunito", sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}
html.dima-skin-new .dima-card-actions__btn--collect {
  background: var(--dima-panel) !important;
  color: var(--dima-sky-deep) !important;
  border: 1px solid var(--dima-line) !important;
}
html.dima-skin-new .dima-card-actions__btn--collect:hover {
  background: var(--dima-sky) !important;
  color: #fff !important;
  border-color: var(--dima-sky) !important;
}
html.dima-skin-new .dima-card-actions__btn--want {
  color: var(--dima-accent) !important;
  border: 1px solid rgba(196, 59, 74, 0.35) !important;
  background: rgba(196, 59, 74, 0.06) !important;
}
html.dima-skin-new .dima-card-actions__btn--want:hover {
  background: var(--dima-accent) !important;
  color: #fff !important;
  border-color: var(--dima-accent) !important;
}
html.dima-skin-new .dima-card-actions__btn--trade {
  color: #9a5b00 !important;
  border: 1px solid rgba(201, 130, 20, 0.45) !important;
  background: rgba(245, 178, 58, 0.14) !important;
}
html.dima-skin-new .dima-card-actions__btn--trade:hover {
  background: #d4890a !important;
  color: #fff !important;
  border-color: #d4890a !important;
}

html.dima-skin-new .dima-result__market { display: none !important; }

/* Bottom pager row inside results table */
html.dima-skin-new .dima-results-grid > tbody > tr:not(.dima-result):not(.dima-results-head) {
  grid-column: 1 / -1 !important;
}

@media screen and (max-width: 1100px) {
  html.dima-skin-new .dima-results-grid > tbody {
    grid-template-columns: 1fr !important;
  }
}
@media screen and (max-width: 640px) {
  html.dima-skin-new tr.dima-result {
    height: auto !important;
  }
  html.dima-skin-new .dima-result__row {
    flex-direction: column !important;
  }
  html.dima-skin-new .dima-result__photo {
    flex: none !important;
    width: 100% !important;
    min-height: 150px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dima-line) !important;
  }
  html.dima-skin-new a.dima-card-title {
    white-space: normal !important;
  }
}

/* ========== LEFT RAIL ========== */
html.dima-skin-new td.leftsidebox,
html.dima-skin-new .leftsidebox {
  background: #fff !important;
  border: 1px solid var(--dima-line) !important;
  border-radius: var(--dima-radius) !important;
  padding: 12px !important;
}
html.dima-skin-new .leftsidebox iframe[src*="ads"],
html.dima-skin-new .leftsidebox img[width="160"] {
  display: none !important;
}

html.dima-skin-new a { color: var(--dima-sky-deep); }
html.dima-skin-new [bgcolor="#F4F4F4"],
html.dima-skin-new [bgcolor="#f4f4f4"],
html.dima-skin-new [bgcolor="#EEEEEE"],
html.dima-skin-new [bgcolor="#eeeeee"] {
  background-color: transparent !important;
}

html.dima-skin-new .dima-teaser {
  --teaser-ink: var(--dima-ink);
  --teaser-muted: var(--dima-muted);
  --teaser-sky: var(--dima-sky);
  --teaser-sky-deep: var(--dima-sky-deep);
  --teaser-accent: var(--dima-accent);
  --teaser-panel: var(--dima-panel);
  --teaser-line: var(--dima-line);
}

@media screen and (max-width: 1100px) {
  html.dima-skin-new .dima-results-grid > tbody {
    grid-template-columns: 1fr !important;
  }
}
@media screen and (max-width: 640px) {
  html.dima-skin-new tr.dima-result {
    grid-template-columns: 108px minmax(0, 1fr) !important;
  }
  html.dima-skin-new .dima-result__photo #picture {
    min-height: 90px !important;
  }
}