:root{
  --race-radius: 5px;
  --race-border: rgba(0,0,0,.08);
  --race-muted: rgba(0,0,0,.65);
}

/* HERO */
.race-shop-hero{
  margin: 10px 0 14px;
  border: 1px solid var(--race-border);
  border-radius: var(--race-radius);
  overflow: hidden;
}
.race-shop-hero__inner{
  padding: 18px 16px;
}
.race-shop-hero__title span{
  display:inline-block;
  padding: 8px 12px;
  border-radius: var(--race-radius);
  background: rgba(0,0,0,.08);
}
.race-shop-hero__text{ margin: 10px 0 0; color: var(--race-muted); }

/* NAV sticky chips */
.race-shop-nav{
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border: 1px solid var(--race-border);
  border-radius: var(--race-radius);
  padding: 10px;
  margin-bottom: 14px;
}
.race-shop-nav__inner{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.race-shop-nav__link{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: var(--race-radius);
  background: rgba(0,0,0,.06);
  text-decoration:none;
  border: 1px solid transparent;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.race-shop-nav__link:hover{ transform: translateY(-1px); background: rgba(0,0,0,.10); }
.race-shop-nav__link.is-active{
  background: rgba(0,0,0,.12);
  border-color: rgba(0,0,0,.14);
}

/* Secciones */
.race-cat-section{
  border: 1px solid var(--race-border);
  border-radius: var(--race-radius);
  padding: 14px;
  margin: 0 0 14px;
}
.race-cat-head{
  display:flex;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}
.race-cat-cover{
  width: 160px;
  min-height: 110px;
  border-radius: var(--race-radius);
  background-size: cover;
  background-position: center;
  border: 1px solid var(--race-border);
  flex: 0 0 auto;
}
.race-cat-cover--empty{
  background: rgba(0,0,0,.06);
}
.race-cat-meta{ flex:1; }
.race-cat-title span{
  display:inline-block;
  padding: 8px 12px;
  border-radius: var(--race-radius);
  background: rgba(0,0,0,.08);
}
.race-cat-desc{ color: var(--race-muted); margin: 10px 0 0; }

/* Responsive */
@media (max-width: 767px){
  .race-cat-head{ flex-direction: column; }
  .race-cat-cover{ width: 100%; min-height: 140px; }
}

/* Afinado cards (si tu theme lo permite) */
.woocommerce ul.products li.product{
  border-radius: var(--race-radius);
  overflow: hidden;
}