/* =========================================================
   KILLER DINNER — ELEGANT REVIEW SHOWCASE OVERRIDE
   Loads after the Showcase plugin and styles only .kdrs-* UI.
========================================================= */

.kdrs-wrap,
.kdrs-wrap * {
  box-sizing: border-box;
}

.kdrs-wrap {
  --kde-wine: #861226;
  --kde-wine-dark: #5d0b18;
  --kde-ink: #21191a;
  --kde-copy: #716563;
  --kde-muted: #958986;
  --kde-ivory: #fbf8f4;
  --kde-paper: #fffdf9;
  --kde-line: #e8ddd2;
  --kde-line-strong: #d8c8ba;
  --kde-green: #205f3e;

  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 62px 20px 72px !important;
  color: var(--kde-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  background: transparent !important;
}

/* ---------- toolbar ---------- */
.kdrs-wrap .kdrs-toolbar {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 34px !important;
  margin: 0 0 30px !important;
}

.kdrs-wrap .kdrs-toolbar-summary h2 {
  margin: 0 0 11px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 3.2vw, 48px) !important;
  line-height: .98 !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  color: var(--kde-ink) !important;
}

.kdrs-wrap .kdrs-toolbar-meta {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  flex-wrap: wrap !important;
}

.kdrs-wrap .kdrs-toolbar-meta > strong {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 46px !important;
  line-height: .9 !important;
  font-weight: 500 !important;
  letter-spacing: -.04em !important;
  color: var(--kde-wine) !important;
}

.kdrs-wrap .kdrs-toolbar-meta > span:not(.kdrs-toolbar-verified) {
  color: var(--kde-copy) !important;
  font-size: 13px !important;
}

.kdrs-wrap .kdrs-toolbar-verified,
.kdrs-wrap .kdrs-verified {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border: 1px solid #b8d0c0 !important;
  border-radius: 999px !important;
  background: #f4faf6 !important;
  color: var(--kde-green) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.kdrs-wrap .kdrs-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.kdrs-wrap .kdrs-toolbar-actions button,
.kdrs-wrap .kdrs-icon-button,
.kdrs-wrap .kdrs-write-review,
.kdrs-wrap select {
  min-height: 42px !important;
  border: 1px solid var(--kde-line-strong) !important;
  border-radius: 10px !important;
  background: var(--kde-paper) !important;
  color: var(--kde-ink) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.kdrs-wrap .kdrs-icon-button {
  width: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
}

.kdrs-wrap .kdrs-icon-button svg,
.kdrs-wrap .kdrs-pin-button svg {
  width: 18px !important;
  height: 18px !important;
}

.kdrs-wrap .kdrs-menu {
  border: 1px solid var(--kde-line) !important;
  border-radius: 10px !important;
  background: #fffdf9 !important;
  box-shadow: 0 18px 45px rgba(45, 29, 26, .13) !important;
  overflow: hidden !important;
}

.kdrs-wrap .kdrs-menu button {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-weight: 600 !important;
}

.kdrs-wrap .kdrs-menu button:hover {
  background: #f6efe8 !important;
  color: var(--kde-wine) !important;
}

/* ---------- rating overview ---------- */
.kdrs-wrap .kdrs-overview {
  display: grid !important;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.45fr) !important;
  align-items: center !important;
  gap: 54px !important;
  margin: 0 0 42px !important;
  padding: 30px 36px !important;
  border: 1px solid var(--kde-line) !important;
  border-radius: 9px !important;
  background: var(--kde-ivory) !important;
  box-shadow: 0 18px 45px rgba(64, 42, 35, .055) !important;
}

.kdrs-wrap .kdrs-overview-score {
  min-width: 0 !important;
  padding-right: 34px !important;
  border-right: 1px solid var(--kde-line) !important;
}

.kdrs-wrap .kdrs-score-line {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
}

.kdrs-wrap .kdrs-stars {
  color: var(--kde-wine) !important;
  letter-spacing: 1px !important;
}

.kdrs-wrap .kdrs-stars-large {
  font-size: 27px !important;
  line-height: 1 !important;
}

.kdrs-wrap .kdrs-score-line strong {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 29px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  color: var(--kde-ink) !important;
}

.kdrs-wrap .kdrs-overview-score > p {
  margin: 14px 0 0 !important;
  color: var(--kde-copy) !important;
  font-size: 12px !important;
}

.kdrs-wrap .kdrs-breakdown {
  display: grid !important;
  gap: 7px !important;
}

.kdrs-wrap .kdrs-bar-row {
  display: grid !important;
  grid-template-columns: 76px minmax(0,1fr) 40px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 27px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--kde-copy) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

.kdrs-wrap .kdrs-bar-row > strong {
  color: var(--kde-ink) !important;
  font-size: 11px !important;
  text-align: right !important;
}

.kdrs-wrap .kdrs-bar {
  display: block !important;
  height: 8px !important;
  overflow: hidden !important;
  border: 1px solid #ddcfc2 !important;
  border-radius: 999px !important;
  background: #eee7df !important;
}

.kdrs-wrap .kdrs-bar > span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--kde-wine-dark), #9b1830) !important;
}

.kdrs-wrap .kdrs-clear-filter {
  justify-self: start !important;
  margin-top: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--kde-wine) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ---------- list heading ---------- */
.kdrs-wrap .kdrs-list-heading {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 8px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid var(--kde-line) !important;
}

.kdrs-wrap .kdrs-list-heading h3 {
  margin: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 29px !important;
  line-height: 1.05 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  color: var(--kde-ink) !important;
}

/* ---------- review rows ---------- */
.kdrs-wrap .kdrs-review-list {
  display: block !important;
}

.kdrs-wrap .kdrs-review {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 27px 0 29px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kde-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kdrs-wrap .kdrs-review.is-pinned {
  background: linear-gradient(90deg, rgba(134,18,38,.035), transparent 58%) !important;
}

.kdrs-wrap .kdrs-review-avatar {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #e1d3c5 !important;
  border-radius: 50% !important;
  background: #f5ece2 !important;
  color: var(--kde-wine) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.kdrs-wrap .kdrs-review-body {
  min-width: 0 !important;
}

.kdrs-wrap .kdrs-review-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 31px !important;
}

.kdrs-wrap .kdrs-review-author {
  color: var(--kde-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
}

.kdrs-wrap .kdrs-review-rating-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

.kdrs-wrap .kdrs-review-rating-row .kdrs-stars {
  font-size: 16px !important;
}

.kdrs-wrap .kdrs-review-rating-row > strong {
  color: #453638 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.kdrs-wrap .kdrs-review-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
  color: var(--kde-muted) !important;
  font-size: 10px !important;
}

.kdrs-wrap .kdrs-review-meta a,
.kdrs-wrap .kdrs-review-product,
.kdrs-wrap a[class*="product"] {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  padding: 4px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f4ebe2 !important;
  color: var(--kde-wine-dark) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.kdrs-wrap .kdrs-review-text {
  max-width: 820px !important;
  margin: 16px 0 0 !important;
  color: #574b49 !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

.kdrs-wrap .kdrs-pin-button,
.kdrs-wrap .kdrs-pinned-mark {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #f7f0e8 !important;
  color: var(--kde-ink) !important;
  box-shadow: none !important;
}

/* ---------- dynamic elegant metrics band ---------- */
.kdrs-wrap .kdrr-elegant-metrics {
  margin-top: 18px !important;
  padding: 14px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--kde-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kdrs-wrap .kdrr-elegant-metrics-title {
  display: block !important;
  margin: 0 0 10px !important;
  color: #756865 !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.kdrs-wrap .kdrr-elegant-metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  width: 100% !important;
  overflow: hidden !important;
  border-top: 1px solid #eee4db !important;
  border-bottom: 1px solid #eee4db !important;
  background: rgba(251,248,244,.56) !important;
}

.kdrs-wrap .kdrr-elegant-metric {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px 12px 12px !important;
  border: 0 !important;
  border-right: 1px solid #eee4db !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kdrs-wrap .kdrr-elegant-metric:last-child {
  border-right: 0 !important;
}

.kdrs-wrap .kdrr-elegant-metric > *:first-child {
  display: block !important;
  margin-bottom: 7px !important;
  color: #665956 !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.kdrs-wrap .kdrr-elegant-metric .kdrs-stars,
.kdrs-wrap .kdrr-elegant-metric [class*="stars"] {
  color: var(--kde-wine) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

.kdrs-wrap .kdrr-elegant-metric strong {
  color: var(--kde-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Known likely metrics classes, if present in newer Showcase builds. */
.kdrs-wrap .kdrs-review-metrics,
.kdrs-wrap .kdrs-element-ratings,
.kdrs-wrap .kdrs-ratings-breakdown {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.kdrs-wrap .kdrs-review-metrics-grid,
.kdrs-wrap .kdrs-element-ratings-grid {
  gap: 0 !important;
}

.kdrs-wrap .kdrs-review-metric,
.kdrs-wrap .kdrs-element-rating {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---------- load more ---------- */
.kdrs-wrap .kdrs-load-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 28px auto 0 !important;
  padding: 10px 18px !important;
  border: 1px solid var(--kde-wine) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--kde-wine) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.kdrs-wrap .kdrs-load-more:hover {
  background: var(--kde-wine) !important;
  color: #fff !important;
}

/* ---------- tablet ---------- */
@media (max-width: 900px) {
  .kdrs-wrap {
    padding: 48px 18px 60px !important;
  }

  .kdrs-wrap .kdrs-toolbar {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .kdrs-wrap .kdrs-toolbar-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .kdrs-wrap .kdrs-overview {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 25px !important;
  }

  .kdrs-wrap .kdrs-overview-score {
    padding: 0 0 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--kde-line) !important;
  }
}

/* ---------- mobile ---------- */
@media (max-width: 600px) {
  .kdrs-wrap {
    padding: 38px 13px 48px !important;
  }

  .kdrs-wrap .kdrs-toolbar-summary h2 {
    font-size: 36px !important;
  }

  .kdrs-wrap .kdrs-toolbar-meta > strong {
    font-size: 39px !important;
  }

  .kdrs-wrap .kdrs-toolbar-actions {
    flex-wrap: wrap !important;
  }

  .kdrs-wrap .kdrs-overview {
    margin-bottom: 34px !important;
    padding: 21px 16px !important;
    border-radius: 6px !important;
  }

  .kdrs-wrap .kdrs-score-line strong {
    font-size: 24px !important;
  }

  .kdrs-wrap .kdrs-stars-large {
    font-size: 22px !important;
  }

  .kdrs-wrap .kdrs-bar-row {
    grid-template-columns: 64px minmax(0,1fr) 34px !important;
    gap: 8px !important;
    font-size: 10px !important;
  }

  .kdrs-wrap .kdrs-list-heading h3 {
    font-size: 24px !important;
  }

  .kdrs-wrap .kdrs-review {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 11px !important;
    padding: 23px 0 25px !important;
  }

  .kdrs-wrap .kdrs-review-avatar {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  .kdrs-wrap .kdrs-review-author {
    font-size: 18px !important;
  }

  .kdrs-wrap .kdrs-review-text {
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrr-elegant-metrics-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .kdrs-wrap .kdrr-elegant-metric {
    border-right: 1px solid #eee4db !important;
    border-bottom: 1px solid #eee4db !important;
  }

  .kdrs-wrap .kdrr-elegant-metric:nth-child(2n) {
    border-right: 0 !important;
  }

  .kdrs-wrap .kdrr-elegant-metric:last-child {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

/* =========================================================
   1.8.5.3 — LEGIBILITY PASS
   Larger readable typography without bringing back heavy cards.
========================================================= */

/* Toolbar / controls */
.kdrs-wrap .kdrs-toolbar-meta > span:not(.kdrs-toolbar-verified) {
  font-size: 15px !important;
}

.kdrs-wrap .kdrs-toolbar-verified,
.kdrs-wrap .kdrs-verified {
  min-height: 34px !important;
  padding: 7px 12px !important;
  font-size: 13px !important;
}

.kdrs-wrap .kdrs-toolbar-actions button,
.kdrs-wrap .kdrs-icon-button,
.kdrs-wrap .kdrs-write-review,
.kdrs-wrap select {
  min-height: 46px !important;
  font-size: 14px !important;
}

.kdrs-wrap .kdrs-menu button {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* Main rating summary */
.kdrs-wrap .kdrs-stars-large {
  font-size: 31px !important;
}

.kdrs-wrap .kdrs-score-line strong {
  font-size: 34px !important;
}

.kdrs-wrap .kdrs-overview-score > p {
  margin-top: 16px !important;
  font-size: 14px !important;
}

.kdrs-wrap .kdrs-bar-row {
  grid-template-columns: 88px minmax(0,1fr) 44px !important;
  gap: 14px !important;
  min-height: 31px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.kdrs-wrap .kdrs-bar-row > strong {
  font-size: 13px !important;
}

.kdrs-wrap .kdrs-clear-filter {
  font-size: 13px !important;
}

/* Review heading / person */
.kdrs-wrap .kdrs-list-heading h3 {
  font-size: 32px !important;
}

.kdrs-wrap .kdrs-review {
  grid-template-columns: 50px minmax(0,1fr) !important;
  gap: 18px !important;
  padding: 31px 0 33px !important;
}

.kdrs-wrap .kdrs-review-avatar {
  width: 46px !important;
  height: 46px !important;
  font-size: 18px !important;
}

.kdrs-wrap .kdrs-review-author {
  font-size: 22px !important;
}

.kdrs-wrap .kdrs-review-rating-row {
  margin-top: 7px !important;
}

.kdrs-wrap .kdrs-review-rating-row .kdrs-stars {
  font-size: 18px !important;
}

.kdrs-wrap .kdrs-review-rating-row > strong {
  font-size: 18px !important;
}

.kdrs-wrap .kdrs-review-meta {
  gap: 10px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.kdrs-wrap .kdrs-review-meta a,
.kdrs-wrap .kdrs-review-product,
.kdrs-wrap a[class*="product"] {
  min-height: 31px !important;
  padding: 6px 11px !important;
  font-size: 12px !important;
}

.kdrs-wrap .kdrs-review-text {
  max-width: 880px !important;
  margin-top: 18px !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

/* Evaluation by elements */
.kdrs-wrap .kdrr-elegant-metrics {
  margin-top: 22px !important;
  padding-top: 17px !important;
}

.kdrs-wrap .kdrr-elegant-metrics-title {
  margin-bottom: 13px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .11em !important;
}

.kdrs-wrap .kdrr-elegant-metric {
  padding: 17px 15px 16px !important;
}

.kdrs-wrap .kdrr-elegant-metric > *:first-child {
  margin-bottom: 10px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.kdrs-wrap .kdrr-elegant-metric .kdrs-stars,
.kdrs-wrap .kdrr-elegant-metric [class*="stars"] {
  font-size: 16px !important;
  line-height: 1 !important;
}

.kdrs-wrap .kdrr-elegant-metric strong {
  display: block !important;
  margin-top: 9px !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

/* Other review copy that may exist in Showcase variants */
.kdrs-wrap .kdrs-helpful-count,
.kdrs-wrap .kdrs-helpful-actions,
.kdrs-wrap .kdrs-active-filter {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.kdrs-wrap .kdrs-load-more {
  min-height: 48px !important;
  padding: 11px 20px !important;
  font-size: 13px !important;
}

@media (max-width: 600px) {
  .kdrs-wrap .kdrs-toolbar-meta > span:not(.kdrs-toolbar-verified) {
    font-size: 14px !important;
  }

  .kdrs-wrap .kdrs-toolbar-verified,
  .kdrs-wrap .kdrs-verified {
    min-height: 32px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrs-toolbar-actions button,
  .kdrs-wrap .kdrs-icon-button,
  .kdrs-wrap .kdrs-write-review,
  .kdrs-wrap select {
    font-size: 13px !important;
  }

  .kdrs-wrap .kdrs-stars-large {
    font-size: 27px !important;
  }

  .kdrs-wrap .kdrs-score-line strong {
    font-size: 28px !important;
  }

  .kdrs-wrap .kdrs-overview-score > p {
    font-size: 13px !important;
  }

  .kdrs-wrap .kdrs-bar-row {
    grid-template-columns: 73px minmax(0,1fr) 38px !important;
    gap: 9px !important;
    min-height: 30px !important;
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrs-bar-row > strong {
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrs-list-heading h3 {
    font-size: 27px !important;
  }

  .kdrs-wrap .kdrs-review {
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 26px 0 28px !important;
  }

  .kdrs-wrap .kdrs-review-avatar {
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
  }

  .kdrs-wrap .kdrs-review-author {
    font-size: 20px !important;
  }

  .kdrs-wrap .kdrs-review-rating-row .kdrs-stars {
    font-size: 17px !important;
  }

  .kdrs-wrap .kdrs-review-meta {
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrs-review-meta a,
  .kdrs-wrap .kdrs-review-product,
  .kdrs-wrap a[class*="product"] {
    font-size: 11px !important;
  }

  .kdrs-wrap .kdrs-review-text {
    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  .kdrs-wrap .kdrr-elegant-metrics-title {
    font-size: 10px !important;
  }

  .kdrs-wrap .kdrr-elegant-metric {
    padding: 15px 13px !important;
  }

  .kdrs-wrap .kdrr-elegant-metric > *:first-child {
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrr-elegant-metric .kdrs-stars,
  .kdrs-wrap .kdrr-elegant-metric [class*="stars"] {
    font-size: 15px !important;
  }

  .kdrs-wrap .kdrr-elegant-metric strong {
    font-size: 16px !important;
  }
}

/* =========================================================
   v1.8.5.4 — FILTER / PAGINATION COMPATIBILITY FIX
   The Showcase JS hides reviews with inline display/hidden/classes.
   Earlier elegant CSS forced display:grid !important, which could
   visually override that state. Hidden reviews must always stay hidden.
========================================================= */

.kdrs-wrap .kdrs-review[hidden],
.kdrs-wrap .kdrs-review[style*="display: none"],
.kdrs-wrap .kdrs-review[style*="display:none"],
.kdrs-wrap .kdrs-review.is-hidden-by-limit,
.kdrs-wrap .kdrs-review.is-hidden,
.kdrs-wrap .kdrs-review.is-filtered-out,
.kdrs-wrap .kdrs-review.kdrr-game-filter-hidden {
  display: none !important;
}

.kdrs-wrap .kdrs-load-more[hidden],
.kdrs-wrap .kdrs-load-more[style*="display: none"],
.kdrs-wrap .kdrs-load-more[style*="display:none"] {
  display: none !important;
}

/* =========================================================
   v1.8.5.5 — MOBILE COMPACT REVIEWS + 10-BY-10 PAGINATION
========================================================= */

.kdrs-wrap .kdrs-review.kdrr-pagination-hidden {
  display: none !important;
}

@media (max-width: 600px) {
  /* Give the review content the full phone width instead of keeping every
     block constrained by the avatar column. */
  .kdrs-wrap .kdrs-review {
    display: block !important;
    position: relative !important;
    padding: 22px 0 24px !important;
  }

  .kdrs-wrap .kdrs-review-avatar {
    position: absolute !important;
    top: 22px !important;
    left: 0 !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 15px !important;
  }

  .kdrs-wrap .kdrs-review-topline,
  .kdrs-wrap .kdrs-review-rating-row,
  .kdrs-wrap .kdrs-review-meta {
    margin-left: 50px !important;
  }

  .kdrs-wrap .kdrs-review-topline {
    min-height: 38px !important;
  }

  .kdrs-wrap .kdrs-review-author {
    font-size: 19px !important;
  }

  .kdrs-wrap .kdrs-review-rating-row {
    margin-top: 2px !important;
  }

  .kdrs-wrap .kdrs-review-meta {
    gap: 6px 8px !important;
    margin-top: 8px !important;
    font-size: 11px !important;
  }

  .kdrs-wrap .kdrs-verified {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
  }

  .kdrs-wrap .kdrs-review-meta a,
  .kdrs-wrap .kdrs-review-product,
  .kdrs-wrap a[class*="product"] {
    min-height: 27px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }

  .kdrs-wrap .kdrs-review-text {
    width: 100% !important;
    margin: 14px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  /* Evaluation becomes five compact horizontal rows:
     LABEL | STARS | SCORE. This cuts the block height dramatically. */
  .kdrs-wrap .kdrr-elegant-metrics {
    width: 100% !important;
    margin-top: 16px !important;
    padding-top: 13px !important;
  }

  .kdrs-wrap .kdrr-elegant-metrics-title {
    margin-bottom: 8px !important;
    font-size: 9px !important;
  }

  .kdrs-wrap .kdrr-elegant-metrics-grid {
    display: block !important;
    width: 100% !important;
    border-top: 1px solid #eee4db !important;
    border-bottom: 1px solid #eee4db !important;
    background: rgba(251,248,244,.45) !important;
  }

  .kdrs-wrap .kdrr-elegant-metric,
  .kdrs-wrap .kdrr-elegant-metric:last-child,
  .kdrs-wrap .kdrr-elegant-metric:nth-child(2n) {
    display: grid !important;
    grid-template-columns: minmax(102px, 1fr) auto 34px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee4db !important;
    background: transparent !important;
  }

  .kdrs-wrap .kdrr-elegant-metric:last-child {
    border-bottom: 0 !important;
  }

  .kdrs-wrap .kdrr-elegant-metric > *:first-child {
    margin: 0 !important;
    color: #665956 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  .kdrs-wrap .kdrr-elegant-metric .kdrs-stars,
  .kdrs-wrap .kdrr-elegant-metric [class*="stars"] {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .kdrs-wrap .kdrr-elegant-metric strong {
    display: block !important;
    min-width: 30px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  .kdrs-wrap .kdrs-load-more {
    display: flex !important;
    width: min(100%, 280px) !important;
    margin: 22px auto 0 !important;
    min-height: 46px !important;
    font-size: 12px !important;
  }

  .kdrs-wrap .kdrs-load-more[hidden],
  .kdrs-wrap .kdrs-load-more[style*="display: none"],
  .kdrs-wrap .kdrs-load-more[style*="display:none"] {
    display: none !important;
  }
}