/* Карточка "Горячая линия" (вариант 0 без блока соцсетей), стили как в вёрстке (p-card p-hotline).
   Цвета можно переопределить параметрами через переменные: --hl-bg / --hl-bg-dark (заливка), --hl-title, --hl-phone, --hl-text. */
.prm-hotline {
    --hl-brand: #D63E2F;
    --hl-brand-dark: #BF2B22;
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    min-height: 180px;
    padding: 24px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--hl-bg, var(--hl-brand)), var(--hl-bg-dark, var(--hl-brand-dark)));
    color: #fff;
    transition: .18s;
}
.prm-hotline:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
}
.prm-hotline__title {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    color: var(--hl-title, #fff);
}
.prm-hotline__title--second {
    margin-top: 12px;
}
.prm-hotline__phone {
    display: block;
    margin: 4px 0 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--hl-phone, #fff);
    text-decoration: none;
}
.prm-hotline__phone:hover {
    text-decoration: underline;
}
.prm-hotline__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--hl-text, rgba(255, 255, 255, .92));
}

/* Вариант 5: карточка "Соцсети" (заголовок, описание, плитки иконок), стили как в вёрстке (p-card p-social).
   Цвета можно переопределить параметрами: --sc-bg / --sc-bg-dark / --sc-border (карточка), --sc-title, --sc-text,
   --sc-tile-bg, --sc-tile-border, --sc-hover (плитки). */
.prm-social {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 180px;
    padding: 24px;
    overflow: hidden;
    border: 1.5px solid var(--sc-border, #E6E6E6);
    border-radius: 20px;
    background: linear-gradient(135deg, var(--sc-bg, #fff), var(--sc-bg-dark, var(--sc-bg, #fff)));
    color: #1E1E1E;
    transition: .18s;
}
.prm-social:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
}
.prm-social__title {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 800;
    line-height: 21px; /* как в вёрстке (Segoe UI, line-height normal) */
    color: var(--sc-title, #1E1E1E);
}
.prm-social__text {
    margin: 0;
    font-size: 13px;
    line-height: 17px; /* как в вёрстке */
    color: var(--sc-text, #6B6B6B);
}
.prm-social__icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--sc-justify, flex-start);
    gap: 10px;
    margin-top: 14px;
}
.prm-social__tile {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 6px;
    overflow: hidden;
    border: 1.5px solid var(--sc-tile-border, #E6E6E6);
    border-radius: 12px;
    background: var(--sc-tile-bg, #FAFAFA);
    color: inherit;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: .15s;
}
.prm-social__tile img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
}
.prm-social__tile:hover {
    border-color: var(--sc-hover, #D63E2F);
    color: var(--sc-hover, #D63E2F);
}
.prm-social__tile b {
    font-weight: inherit; /* как в вёрстке: 800, без дополнительного утолщения тегом b */
}