.compare-tags-feature{width:100%;min-width:0;padding-top:var(--space-section-block);padding-bottom:0;scroll-margin-top:calc(var(--compare-header-height,70px) + 120px)}
main:is(.comparepage-page,.compareproduct-page,.comparepair-page) .compare-tags-showcase-title{scroll-margin-top:calc(var(--compare-header-height,70px) + var(--compare-navigation-height,0px) + 16px)}
.compare-tags-selector{text-align:center;margin:0 auto 40px;max-width:1080px}
.compare-tags-eyebrow{font-size:.76rem;letter-spacing:.22em;font-weight:760;color:var(--muted);margin:0 0 24px;line-height:1.4}
.compare-tags-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}
.compare-tags-pill{--tag-fill:#fff;--tag-stroke:color-mix(in srgb,var(--tag-dark-color) 30%,#fff);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--tag-dark-color);background:none;border:0;border-radius:0;padding:10px 17px 10px 27px;text-decoration:none;cursor:pointer;white-space:nowrap;min-height:42px;box-sizing:border-box}
.compare-tags-pill.is-active{--tag-fill:color-mix(in srgb,var(--tag-dark-color) 10%,#fff);--tag-stroke:var(--tag-dark-color)}
.compare-tags-pill:hover{--tag-fill:color-mix(in srgb,var(--tag-dark-color) 7%,#fff)}
.compare-tags-pill.is-active:hover{--tag-fill:color-mix(in srgb,var(--tag-dark-color) 10%,#fff)}
.compare-tags-pill:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.tag-rounded-shape{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none}
.tag-rounded-shape path{fill:var(--tag-fill);stroke:var(--tag-stroke);stroke-width:1}
.compare-tags-pill-text{position:relative}
.tag-label-hole{position:absolute;left:10.5px;top:50%;transform:translateY(-50%);width:5px;height:5px;border:1px solid currentColor;border-radius:50%;background:#fff;opacity:.7;pointer-events:none;box-sizing:border-box}
.compare-tags-showcase-slot{margin:0}
.compare-tags-feature .product-showcase{padding-top:0;padding-bottom:0;border-top:0}
.compare-tags-feature .compare-tag-collection-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;color:var(--blue);font-size:15px;font-weight:750;text-decoration:none}
.compare-tag-collection-link:hover{text-decoration:underline;text-underline-offset:3px}
.compare-tags-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.compare-tags-loading:not(.compare-tags-visually-hidden){margin:16px 0 0}
.compare-tags-loading:not(.compare-tags-visually-hidden):not([data-error="true"]){color:var(--muted)}
.compare-tags-retry{margin-top:8px;border:0;background:none;color:var(--blue);font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.compare-tags-feature[aria-busy=true] .compare-tags-pill{cursor:wait}
@media(max-width:700px){.compare-tags-selector{margin-bottom:32px}.compare-tags-eyebrow{font-size:.69rem;margin-bottom:20px}.compare-tags-pills{gap:8px}.compare-tags-pill{font-size:12px;padding:9px 12px 9px 22px;min-height:38px;gap:6px}.tag-label-hole{left:8px;width:4px;height:4px}}

/* 14/10, 04:35 — Botão da coleção aprovado; href e tracking permanecem no link. */
.compare-tags-feature .compare-tag-collection-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:30px;
  padding:15px 26px;
  min-height:50px;
  max-width:100%;
  border:0;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  font-size:15px;
  font-weight:680;
  text-align:center;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(8,102,233,.16);
  
}
.compare-tags-feature .compare-tag-collection-link:hover{
  background:#0755c4;
  box-shadow:0 14px 30px rgba(8,102,233,.22);
  transform:translateY(-2px);
  text-decoration:none;
}
.compare-tags-feature .compare-tag-collection-link>span{flex-shrink:0}
@media(max-width:700px){
  .compare-tags-feature .compare-tag-collection-link{display:flex;width:100%}
}

/* Efeitos anteriores às bolinhas — baseline 18/10 00:57, autorizado 19/10 08:01. */

@media (prefers-reduced-motion: no-preference) {
.compare-tags-feature .compare-tag-collection-link{transition:transform .2s,background .2s,box-shadow .2s;}
}

/* 20/10 — CTA alinhado ao primeiro card pelo controlador; status no respiro do seletor. */
.compare-tags-selector{position:relative}
.compare-tags-loading:not(.compare-tags-visually-hidden):not([data-error="true"]){position:absolute;top:100%;left:0;right:0;margin:8px 0 0;font-size:14px;line-height:1.35}
.compare-tags-feature .compare-tag-collection-link{display:flex;width:fit-content;margin-left:0;margin-right:0}
@media(max-width:700px){.compare-tags-feature .compare-tag-collection-link{width:100%}}