/* Áreas amplas usam os links reais: preservam hover, teclado, modificadores e tracking. */
.product-track .product-card,
.lado-a-lado .duel-card,
.lado-a-lado .duel-placeholder,
.product-showcase .showcase-card{position:relative;isolation:isolate}
.product-track .product-card>.card-link,
.lado-a-lado .duel-card>.duel-link,
.atleta-panel .duel-card>.atleta-panel__card-actions>.duel-link,
.lado-a-lado .duel-placeholder>.duel-link,
.product-showcase .showcase-card .showcase-copy>.link-arrow{position:static;z-index:auto}
.product-track .product-card>.card-link::after,
.lado-a-lado .duel-card>.duel-link::after,
.atleta-panel .duel-card>.atleta-panel__card-actions>.duel-link::after,
.lado-a-lado .duel-placeholder>.duel-link::after,
.product-showcase .showcase-card .showcase-copy>.link-arrow::after{
  content:"";position:absolute;inset:0;z-index:20;border-radius:inherit;cursor:pointer;
}
.product-track .product-card>.card-link:focus-visible::after,
.lado-a-lado .duel-card>.duel-link:focus-visible::after,
.atleta-panel .duel-card>.atleta-panel__card-actions>.duel-link:focus-visible::after,
.lado-a-lado .duel-placeholder>.duel-link:focus-visible::after,
.product-showcase .showcase-card .showcase-copy>.link-arrow:focus-visible::after{
  outline:2px solid currentColor;outline-offset:-3px;
}
/* Estas ações não são capturadas pelo link amplo do produto. */
.product-showcase .showcase-card .summary-tags a,
.product-showcase .showcase-card .showcase-summary button{position:relative;z-index:21}

/* VS de comparação: links vazios posicionados, sem mudar os nós da arte ou as linhas da grade. */
#compare .compare-vs-products>.compare-product{position:relative;isolation:isolate}
#compare .compare-sensation-link{position:absolute;inset:0;z-index:20;border-radius:inherit;cursor:pointer}
#compare .compare-vs-products>.compare-product>.compare-offers-button{position:relative;z-index:21}
#compare .compare-vs-side>.compare-sensation-link:focus-visible,
#compare .compare-product>.compare-sensation-link:focus-visible{outline:2px solid var(--ink,#111315);outline-offset:-3px}
#compare .compare-vs-sensation-badge{
  position:absolute;z-index:30;top:50%;left:50%;width:72px;height:72px;
  transform:translate(-50%,-50%) rotate(-8deg);border-radius:11px;cursor:pointer;
}
#compare .compare-vs-sensation-badge:focus-visible{outline:2px solid var(--ink,#111315);outline-offset:3px}
@media(max-width:700px){#compare .compare-vs-sensation-badge{width:43px;height:43px}}
@media(min-width:1061px){#compare .compare-vs-sensation-badge{width:max(72px,6.5cqw);height:max(72px,6.5cqw)}}
#compare:not(.compare-page-section) #compare-feel{scroll-margin-top:100px}