@layer components {
/* Page Hero */
.tm-page-hero{
  background:var(--color-surface);
  padding:var(--space-5) 0;
}
.tm-page-hero__title{
  font-size:var(--text-h1); font-weight:800; margin-bottom:var(--space-3);
}
.tm-breadcrumbs{
  font-size:var(--text-body-sm); color:var(--color-ink-tertiary);
}
.tm-breadcrumbs a{ color:var(--color-ink-secondary); }
.tm-breadcrumbs a:hover{ color:var(--color-primary); }
.tm-breadcrumbs .breadcrumb_last{ color:var(--color-primary); font-weight:600; }
.tm-breadcrumbs__current{ color:var(--color-primary); font-weight:600; }
.tm-page-hero__row{ display:flex; align-items:center; gap:var(--space-4); margin-bottom:var(--space-3); }
.tm-page-hero__icon{ height:48px; width:auto; }
.tm-page-hero__subtitle{ font-size:var(--text-body-lg); color:var(--color-ink-secondary); margin:0; }
.tm-page-hero__price{
  font-family:var(--font-mono);
  font-size:var(--text-h3); font-weight:700; line-height:1.2;
  color:var(--color-primary);
  margin:0 0 var(--space-4);
}

/* ─── Breadcrumbs wrapper ─────────────────── */
.tm-breadcrumbs-wrapper{ padding:var(--space-3) 0; }
}