/* ==========================================================================
   Заголовок страницы: крошки + H1 слева (товарные архивы и карточка товара).
   Порт .crumbs / .page h1 из прототипа docs/menu-redesign/prototype/index.html.
   Разметка — functions.php (woocommerce_before_main_content); токены --st-* — header.css.
   ========================================================================== */

.st-page-head{padding-top:22px;font-family:var(--st-font);font-variant-numeric:tabular-nums}

.st-crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 14px;font-size:12.5px;line-height:1.4;color:var(--st-mute)}
.st-crumbs a{color:var(--st-mute);text-decoration:none}
.st-crumbs a:hover{color:var(--st-brand)}
.st-crumbs__sep{color:var(--st-line-2)}
/* Текущая страница (у товара — длинное название, оно же H1): в одну строку с многоточием,
   занимает остаток строки; если места меньше 8em — переносится и режется по ширине контейнера */
.st-crumbs__item:last-child{flex:1 1 0;min-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.st-page-head__title{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 16px;
  font-family:inherit;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--st-ink);
}
.st-page-head--product .st-page-head__title{display:block;font-size:26px;line-height:1.25}
.st-page-head__count{font-size:14px;font-weight:400;letter-spacing:0;color:var(--st-mute);white-space:nowrap}

/* Контент идёт сразу под заголовком: убираем верхний отступ OceanWP у #content-wrap */
#main .st-page-head + #content-wrap{padding-top:0}

@media (max-width:767px){
  .st-page-head{padding-top:16px}
  .st-page-head__title{font-size:24px}
  .st-page-head--product .st-page-head__title{font-size:20px}
}