/* Shoes hub layout fixes.
   Keep the family card and its retailer link inside one grid cell. */
.shoe-scan-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));
}

.shoe-scan-grid > *,
.shoe-scan-item,
.shoe-scan-item > a{
  min-width:0;
}

.shoe-scan-item{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--line);
  border-left:5px solid var(--brand-accent,var(--green));
  border-radius:14px;
  overflow:hidden;
}

/* site.css historically styled every anchor in the card as a full-height card.
   Restrict that treatment to the family/details link. */
.shoe-scan-item > a:first-child{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:3px;
  height:auto;
  background:transparent;
  border:0;
  border-radius:0;
  padding:14px 16px 8px;
}

.shoe-scan-item > a:first-child:hover{
  border:0;
}

.shoe-scan-item > .shoe-shop-link{
  display:block;
  flex:0 0 auto;
  height:auto;
  background:#f7f8f3;
  border:0;
  border-top:1px solid var(--line);
  border-left:0;
  border-radius:0;
  padding:10px 16px 12px;
  color:var(--green);
  font-size:.8rem;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.shoe-scan-item > .shoe-shop-link:hover{
  background:#eef2ea;
  border-color:var(--line);
}

.shoe-scan-item b,
.shoe-scan-item span,
.shoe-scan-item small{
  max-width:100%;
  overflow-wrap:anywhere;
}

.shoe-filter-row,
.shoe-filter-row > *{
  min-width:0;
}

.shoe-chip{
  max-width:100%;
  white-space:normal;
}