/* v789: Deals page - safe rendering for iPhone Safari / in-app browsers.
   Reported: opening #/hotdeals ends in "A problem repeatedly occurred on ...#/hotdeals" (the page process was killed).
   The page combined four heavy features that WebKit handles badly together: content-visibility:auto on every card/row
   (with entrance animations inside), backdrop-filter blur on stat boxes / badges / score rings / compare buttons,
   a sticky blurred filter bar, and ~30 animated SVG score rings. Only Deals is touched; the look stays the same
   (blur radius 4-14px on near-opaque backgrounds is not visible). Remove this <link> + js/389 + the inline guard to roll back. */
.dh-card, .dh-row { content-visibility: visible !important; contain-intrinsic-size: none !important; }
.dh-stat, .dh-pick-rank, .dh-score, .dh-cmp, .dh-bar {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.dh-stat { background: rgba(255,255,255,.12) !important; }
.dh-pick-rank, .dh-score, .dh-cmp { background-color: rgba(15,31,53,.9) !important; }

/* level 2: switched on automatically after a crash on Deals (html.bh-gfx-safe): no motion, no filters, flat shadows */
html.bh-gfx-safe .dh-hero *, html.bh-gfx-safe .dh-section * {
  animation: none !important; transition: none !important;
  filter: none !important; text-shadow: none !important;
}
html.bh-gfx-safe .dh-card, html.bh-gfx-safe .dh-row, html.bh-gfx-safe .dh-bar { box-shadow: none !important; }
html.bh-gfx-safe .dh-r-fill { stroke-dashoffset: 0; }

/* v790: "Show more" button under a community / list (cards are built 12 at a time) */
.dh-moreb:empty{display:none}
.dh-moreb{display:flex;justify-content:center;padding:14px 0 4px}
.dh-more{appearance:none;-webkit-appearance:none;border:1px solid rgba(199,164,91,.7);background:transparent;color:inherit;font:700 13px/1 inherit;font-family:inherit;padding:11px 20px;border-radius:999px;cursor:pointer;min-height:40px}
.dh-more small{opacity:.7;font-weight:600}