/* Force-soft UI — loaded as a separate file to bypass sticky browser cache */
.tire-item {
  border-radius: 0.75rem !important;
  overflow: visible !important;
}

.benefit,
.style-chip,
.style-card,
.promo-item,
.promo-card,
.review-card,
.brand-logo-link,
.finder-shell-bar,
.tire-finder,
.callback-panel,
.cart-toast,
.catalog-filters form {
  border-radius: 1.35rem !important;
  overflow: hidden;
}

.btn,
.header-cta,
.sort-pill,
.stock-badge,
.promo-badge,
.new-badge,
.cart-badge {
  border-radius: 999px !important;
}

.tire-cart-btn {
  width: 100% !important;
  min-height: 2.45rem !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.84rem !important;
  border-radius: 0.35rem !important;
  clip-path: none !important;
}

.detail-cart-form .tire-cart-btn {
  width: auto !important;
  min-width: 10.5rem !important;
  transform: skewX(-20deg) !important;
  border-radius: 0.35rem !important;
  clip-path: none !important;
}

.detail-cart-form .tire-cart-btn:hover,
.detail-cart-form .tire-cart-btn.is-added,
.detail-cart-form .tire-cart-btn.is-added:hover {
  transform: skewX(-20deg) !important;
  clip-path: none !important;
  border-radius: 0.35rem !important;
}

.detail-cart-form .tire-cart-btn .tire-cart-icon,
.detail-cart-form .tire-cart-btn .tire-cart-label {
  display: inline-flex;
  transform: skewX(20deg) !important;
  transform-origin: center center;
}

.tire-item .tire-cart-btn {
  width: 100% !important;
  border-radius: 0.35rem !important;
  clip-path: none !important;
  transform: skewX(-20deg) !important;
}

.tire-item .tire-cart-btn:hover {
  transform: skewX(-20deg) !important;
}

.tire-item .tire-cart-btn.is-added,
.tire-item .tire-cart-btn.is-added:hover {
  transform: skewX(-20deg) !important;
  clip-path: none !important;
}

.tire-item .tire-cart-btn .tire-cart-icon,
.tire-item .tire-cart-btn .tire-cart-label {
  display: inline-flex;
  transform: skewX(20deg) !important;
  transform-origin: center center;
}

.finder-field select,
.finder-field input,
.form-control,
.qty-field input,
.cart-qty input,
.tire-visual,
.cart-toast-thumb {
  border-radius: 0.85rem !important;
}

.hero-slides {
  border-radius: 0 0 2rem 2rem !important;
  overflow: hidden;
}

.logo-mark {
  border-radius: 0.65rem !important;
}