/* ===== Product Card — TOKENS (scoped) ===== */
.pc-typo{
    /* Цвета (как на макете) */
    --pc-color-title: #0F172A;   /* заголовки, основной */
    --pc-color-text:  #111827;   /* основной текст */
    --pc-color-muted: #6B7280;   /* серый текст/подписи */
    --pc-color-accent:#D63939;   /* красный акцент */
    --pc-color-border:#E9EDF2;   /* разделители/бордеры */
    --pc-color-link:  #D63939;   /* ссылки */
    --pc-color-link-hover:#B12828;

    /* Типографика */
    --pc-font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
    --pc-tight:-0.2px; /* лёгкий кернинг для заголовков */

    /* Скейл (px) — снято с макета */
    --pc-h1: 36px;  --pc-h1-lh: 1.22; --pc-h1-w: 800;
    --pc-h2: 24px;  --pc-h2-lh: 1.28; --pc-h2-w: 800;
    --pc-h3: 20px;  --pc-h3-lh: 1.30; --pc-h3-w: 700;

    --pc-lead:16px; --pc-lead-lh:1.60; --pc-lead-w:400; /* абзац под H1 (серый) */
    --pc-body:16px; --pc-body-lh:1.60; --pc-body-w:400; /* основной текст */
    --pc-small:14px;--pc-small-lh:1.50;--pc-small-w:500; /* подписи */
    --pc-cap:12px;  --pc-cap-lh:1.40; --pc-cap-w:700; --pc-cap-tr:uppercase; --pc-cap-sp:.06em;

    /* Общая геометрия карточек */
    --pc-radius: 16px;
    --pc-shadow: 0 6px 20px rgba(15,23,42,.06);
}

/* Базовые правила внутри карточки */
.pc-typo{
    color:var(--pc-color-text);
    font-family:var(--pc-font);
}
.pc-typo p{margin:0 0 10px}

/* ===== Заголовки ===== */
.pc-typo__h1{
    margin:0 0 8px;
    font-size:var(--pc-h1); line-height:var(--pc-h1-lh); font-weight:var(--pc-h1-w);
    letter-spacing:var(--pc-tight); color:var(--pc-color-title);
}
.pc-typo__h2{
    margin:0; /* в карточках отступы даёт контейнер */
    font-size:var(--pc-h2); line-height:var(--pc-h2-lh);
    /*font-weight:var(--pc-h2-w);*/
    letter-spacing:var(--pc-tight); color:var(--pc-color-accent);
}
.pc-typo__h3{
    margin:0;
    font-size:var(--pc-h3); line-height:var(--pc-h3-lh); font-weight:var(--pc-h3-w);
    color:var(--pc-color-title);
}

/* ===== Абзацы/подписи ===== */
.pc-typo__lead{
    font-size:var(--pc-lead); line-height:var(--pc-lead-lh); font-weight:var(--pc-lead-w);
    color:var(--pc-color-muted);
}
.pc-typo__body{
    font-size:var(--pc-body); line-height:var(--pc-body-lh); font-weight:var(--pc-body-w);
}
.pc-typo__small{
    font-size:var(--pc-small); line-height:var(--pc-small-lh); font-weight:var(--pc-small-w);
    color:var(--pc-color-muted);
}
.pc-typo__overline{
    font-size:var(--pc-cap); line-height:var(--pc-cap-lh); font-weight:var(--pc-cap-w);
    letter-spacing:var(--pc-cap-sp); text-transform:var(--pc-cap-tr);
    color:var(--pc-color-muted);
}

/* ===== Ссылки ===== */
.pc-typo__link{
    color:var(--pc-color-link); text-decoration:underline; text-underline-offset:2px;
}
.pc-typo__link:hover{ color:var(--pc-color-link-hover) }

/* ===== Числа (табличные) для характеристик/цен ===== */
.pc-typo__num{
    font-variant-numeric: tabular-nums; font-feature-settings:"tnum" 1, "lnum" 1;
}

/* ===== Иконки в тексте / на кнопках — ровно по кеглю ===== */
.pc-typo__icon{
    width:1em; height:1em; flex:0 0 1em; display:inline-block;
    vertical-align:-0.125em; /* чтобы не «резало» иконку по высоте */
    fill:currentColor;
}

/* ===== Вспомогательные «общие» вещи для карточек (бордер/радиус/тень/разделитель) ===== */
.pc-typo .u-card{
    background:#fff; border:1px solid var(--pc-color-border);
    border-radius:var(--pc-radius); box-shadow:var(--pc-shadow); overflow:hidden;
}
.pc-typo .u-divider{ height:1px; background:var(--pc-color-border); }
.pc-typo .u-muted{ color:var(--pc-color-muted) }

/* Адаптив: ужимаем заголовки на телефоне */
@media (max-width: 480px){
    .pc-typo__h1{ font-size:32px }
    .pc-typo__h2{ font-size:22px }
}