.prod-wrap.crush-wear {
  background: #e5f4ea;
  border: 1px solid #8fbf9f;
  padding: 16px 18px;
  box-shadow: 0 12px 40px rgba(0, 32, 80, 0.12);
}
.prod-wrap.crush-wear h2 {
  color: #1f6b45;
  margin: 0 0 14px;
}
.crush-wear-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
  gap: 16px;
}
.crush-wear-card {
  background: #e5f4ea;
  border: 1px solid #8fbf9f;
  padding: 16px 18px;
  box-shadow: 0 12px 40px rgba(0, 32, 80, 0.12);
}
.crush-wear-card.watch { background: #fff6e4; border-color: #e6cf93; }
.crush-wear-card.alert { background: #fdecea; border-color: #f0b4b4; }
.crush-wear-card header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  margin-bottom: 12px;
}
.crush-wear-card h3 { margin: 0; font-size: 18px; }
.crush-company {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 700;
  color: #002050;
  letter-spacing: 0.02em;
}
.crush-wear-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.crush-wear-stats.compact { margin: 10px 0 12px; }
.crush-wear-stats span { display: block; color: #6d6458; font-size: 12px; }
.crush-wear-stats strong { font-family: "IBM Plex Mono", monospace; font-size: 18px; }
.crush-bar {
  height: 8px;
  background: #d8eadf;
  overflow: hidden;
  margin: 8px 0;
}
.crush-wear-card.watch .crush-bar { background: #f3e6c6; }
.crush-wear-card.alert .crush-bar { background: #f6d4d4; }
.crush-bar span {
  display: block;
  height: 100%;
  background: #1f6b45;
}
.crush-wear-card.watch .crush-bar span { background: #9a6b10; }
.crush-wear-card.alert .crush-bar span { background: #9b2c2c; }
.crush-note {
  margin: 10px 0 0;
  padding: 8px 10px;
  font-weight: 600;
}
.crush-note.watch { background: #fff0cc; color: #9a6b10; }
.crush-note.alert { background: #f8d0d0; color: #9b2c2c; }

@media (max-width: 900px) {
  .prod-wrap.crush-wear,
  .crush-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 12px 16px;
    overflow: hidden;
  }
  .prod-wrap.crush-wear h2,
  .crush-box h2 {
    font-size: 18px;
    line-height: 1.3;
  }
  .crush-wear-grid,
  .crush-wear-card {
    min-width: 0;
    width: 100%;
  }
  .crush-wear-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .crush-wear-stats span {
    font-size: 11px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .crush-wear-stats strong {
    font-size: 16px;
    word-break: break-word;
  }
  .crush-wear-card header {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .crush-wear-card {
    padding: 12px;
  }
  .crush-box .crush-entry {
    display: grid;
    grid-template-columns: 1fr;
  }
}