/* CBC cards (scoped to modules) */
:root{
  --cbc-panel2:#353433;
  --cbc-text:#f2f2f0;
  --cbc-muted:#b7b6b2;
  --cbc-shadow: 0 10px 30px rgba(0,0,0,.35);
  --cbc-radius:16px;
  --cbc-orange:#eeac48;
}

/* Scope targets: homepage + car pages */
#cbcHomeEraPicks a,
#cbcEraRelated a{
  color: inherit;
  text-decoration: none;
}

/* Card */
#cbcHomeEraPicks .cbc-card,
#cbcEraRelated .cbc-card{
  background: var(--cbc-panel2);
  border: 0;
  border-radius: var(--cbc-radius);
  overflow: hidden;
  box-shadow: var(--cbc-shadow);
  transition: transform .12s ease, background .12s ease;
}

#cbcHomeEraPicks .cbc-card:hover,
#cbcEraRelated .cbc-card:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}

/* Thumb */
#cbcHomeEraPicks .cbc-thumb,
#cbcEraRelated .cbc-thumb{
  width: 100%;
  height: auto;          /* important: no cropping */
  display: block;
  object-fit: contain;   /* important: no cropping */
  background: linear-gradient(135deg, rgba(89,122,127,.22), rgba(255,255,255,.03));
}

/* Inner padding */
#cbcHomeEraPicks .cbc-pad,
#cbcEraRelated .cbc-pad{
  padding: 12px 12px 14px;
}

/* Title (CBC orange) */
#cbcHomeEraPicks .cbc-t,
#cbcEraRelated .cbc-t{
  margin: 0;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 1.2;
  font-size: 16px;
  color: var(--cbc-orange);
}

/* Home page only: title-only cards */
#cbcHomeEraPicks .cbc-m,
#cbcHomeEraPicks .cbc-v{
  display: none;
}

/* Remove any image border / hairline on cards */
#cbcHomeEraPicks img,
#cbcHomeEraPicks .cbc-thumb{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  display: block;            /* prevents inline img gaps */
}

/* Dashboard-style card images: square bottom corners */
#cbcHomeEraPicks .cbc-thumb,
#cbcHomeEraPicks img{
  border-radius: 0 !important;
}

/* Remove 1px image border + remove rounded bottom corners
   (home era cards + car page era-related cards) */
#cbcHomeEraPicks .cbc-thumb,
#cbcHomeEraPicks img,
#cbcEraRelated .cbc-thumb,
#cbcEraRelated img{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: block;
}


/* Fade-in for era-related cards (car pages) */
#cbcEraRelated .cbc-era-grid{
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .35s ease, transform .35s ease;
}

/* When ready */
#cbcEraRelated .cbc-era-grid.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Optional: slightly muted while loading */
#cbcEraRelated .cbc-era-grid.is-loading{
  opacity: .5;
}