hide.css

/*
 * Fast-paint hides + layout fixes verified against live DOM 2026-05-14.
 * content.js handles the structural allowlist for everything else.
 */

/* AI Overview wrapper and skeleton */
div.M8OgIe,
#m-x-content,
[jscontroller="AkrxPe"],
[data-subtree="aio"],
[data-attrid*="GenerativeAI"],

/* AI Mode entry points */
a[href*="udm=50"],
[aria-label*="AI Mode" i],
[aria-label*="Ask AI" i],

/* Sponsored / Ads */
#tads,
#tadsb,
#bottomads,
div[data-text-ad],
div[aria-label="Ads" i],
.commercial-unit-desktop-top,
.commercial-unit-desktop-rhs,
g-shopping-pack,

/* Knowledge Panel / Right rail (also reclaims horizontal space) */
#rhs,

/* People Also Ask — accordion items use this semantic class even when the
   section heading is absent on some SERP variants */
.related-question-pair,

/* Featured-image thumbnails next to organic results
   (favicons live in .XNo5Ab and are left alone) */
.uhHOwf,

/* "Things to know" widgets */
[data-attrid*="things_to_know"],
[data-attrid*="things_to_consider"],

/* Shopping refinement chip bar (Mountain / Road / Gravel / Hybrid / …)
   that appears below the main filter tabs on product/commercial queries */
div.yXu61c,

/* Left-rail "Refine results" filter panel (Type / Price / Age Group /
   Features / Suspension Type / Department) on shopping-style queries */
ul.xvRDEb,
div.Pl4aJc {
  display: none !important;
}

/* --- Layout: widen the results column without floating it to the middle ---
 * #rcnt is a 22-column CSS grid (130px + 20*36px + 130px). With #rhs
 * hidden, the right-rail column track is empty but still reserved.
 * Extending #center_col across cols 2 through -1 reclaims that space
 * while keeping the column anchored to Google's natural left position
 * (~150px) — so scan-position muscle memory survives. Cap the visible
 * width at 760px for readable line length. */
#center_col {
  grid-column: 2 / -1 !important;
  width: 760px !important;
  max-width: 100% !important;
}

#search, #rso {
  width: auto !important;
  max-width: 100% !important;
}