/* GuitarStomp v0.5 comparison: scoped styles, compatible with WooCommerce/Avada. */
.guitarstomp-compare {
  --gs-compare-ink: #1e2937;
  --gs-compare-muted: #586779;
  --gs-compare-line: #dce2e8;
  --gs-compare-accent: #cb633a;
  box-sizing: border-box;
  clear: both;
  margin: 2rem 0;
  padding: clamp(1rem, 2.8vw, 1.7rem);
  border: 1px solid var(--gs-compare-line);
  border-radius: 14px;
  background: #fff;
  color: var(--gs-compare-ink);
  line-height: 1.5;
}
.guitarstomp-compare *, .guitarstomp-compare *::before, .guitarstomp-compare *::after { box-sizing: border-box; }
.guitarstomp-compare__header { margin-bottom: 1.1rem; }
.guitarstomp-compare .guitarstomp-compare__eyebrow {
  margin: 0 0 .35rem;
  color: var(--gs-compare-accent);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.guitarstomp-compare h2 { margin: 0 0 .5rem; color: inherit; font-size: clamp(1.3rem, 2.8vw, 1.8rem); line-height: 1.25; }
.guitarstomp-compare .guitarstomp-compare__helper { margin: 0; max-width: 72ch; color: var(--gs-compare-muted); font-size: .88rem; }
.guitarstomp-compare__scroller { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; border-radius: 9px; border: 1px solid var(--gs-compare-line); }
.guitarstomp-compare__scroller:focus-visible { outline: 3px solid #3276b6; outline-offset: 3px; }
.guitarstomp-compare table.guitarstomp-compare__table { display: table; width: 100%; min-width: 660px; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; background: #fff; color: var(--gs-compare-ink); }
.guitarstomp-compare__table th, .guitarstomp-compare__table td { padding: .88rem 1rem; border: 0; border-bottom: 1px solid var(--gs-compare-line); text-align: left; vertical-align: top; background: #fff; color: inherit; font-size: .94rem; line-height: 1.5; overflow-wrap: anywhere; }
.guitarstomp-compare__table thead th { background: #f6f8fa; vertical-align: middle; font-weight: 700; }
.guitarstomp-compare__table thead th:first-child, .guitarstomp-compare__table tbody tr:not(.guitarstomp-compare__group) > th { width: 24%; }
.guitarstomp-compare__table tbody tr:not(.guitarstomp-compare__group) > th { background: #f9fafb; color: #354359; font-weight: 700; }
.guitarstomp-compare__table tbody tr:last-child > * { border-bottom: 0; }
.guitarstomp-compare__table tr.guitarstomp-compare__group th { padding: .7rem 1rem; border-bottom: 1px solid var(--gs-compare-line); background: #eaf0f4; color: #263344; font-size: .8rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.guitarstomp-compare__product { max-width: 100%; }
.guitarstomp-compare a.guitarstomp-compare__product-link { display: flex; align-items: center; gap: .85rem; color: #18334b; text-decoration: none; font-weight: 750; }
.guitarstomp-compare a.guitarstomp-compare__product-link:hover, .guitarstomp-compare a.guitarstomp-compare__product-link:focus { text-decoration: underline; }
.guitarstomp-compare .guitarstomp-compare__image { display: block; flex: 0 0 72px; width: 72px; height: 72px; object-fit: contain; border: 1px solid var(--gs-compare-line); border-radius: 7px; background: #fff; }
.guitarstomp-compare__image-placeholder { display: grid; place-items: center; flex: 0 0 72px; width: 72px; height: 72px; border-radius: 7px; background: #e6ebef; color: #586779; font-weight: 900; }
.guitarstomp-compare__product-name { min-width: 0; font-size: 1.06rem; line-height: 1.3; }
.guitarstomp-compare__empty { color: var(--gs-compare-muted); }
.guitarstomp-compare__rating { font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.guitarstomp-compare__rating small { font-size: .8rem; font-weight: 500; color: var(--gs-compare-muted); }
.guitarstomp-compare__meter { display: flex; align-items: center; gap: .6rem; }
.guitarstomp-compare__track { display: block; flex: 1; min-width: 4rem; height: .7rem; overflow: hidden; border-radius: 99px; background: #e6ebef; }
.guitarstomp-compare__fill { display: block; height: 100%; border-radius: inherit; background: var(--gs-compare-accent); }
.guitarstomp-compare__score { width: 2.7rem; text-align: right; font-weight: 750; font-variant-numeric: tabular-nums; }
.guitarstomp-compare__score small { font-size: .72rem; font-weight: 500; color: var(--gs-compare-muted); }
.guitarstomp-compare__copy { white-space: normal; overflow-wrap: anywhere; }
.guitarstomp-compare .guitarstomp-retailers { margin: 0; padding: .8rem; border-radius: 8px; }
.guitarstomp-compare .guitarstomp-retailers__buttons { grid-template-columns: 1fr; }
.guitarstomp-compare .guitarstomp-retailer-button { font-size: .84rem; padding: .65rem .7rem; }
.guitarstomp-compare .guitarstomp-retailers__intro, .guitarstomp-compare .guitarstomp-retailers__disclosure { font-size: .78rem; }
@media (max-width: 740px) {
  .guitarstomp-compare__table th, .guitarstomp-compare__table td { padding: .7rem .75rem; }
  .guitarstomp-compare .guitarstomp-compare__image, .guitarstomp-compare__image-placeholder { flex-basis: 54px; width: 54px; height: 54px; }
}