/* ===== Детальная страница анкеты (views/site/post.php) =====
   Порядок на телефоне: фото → карточка (цена, контакты) → подробности.
   От 992px: слева фото и подробности, справа карточка, прилипающая при прокрутке. */

.pf {
    --pf-gap: var(--space-8);
    --pf-radius: var(--radius-xl);
    color: var(--color-text);
    padding-bottom: var(--space-10);
}

.pf-back {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    margin-bottom: var(--space-3);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    text-decoration: none;
}
.pf-back:hover {
    color: var(--color-primary-text);
}

.pf-owner-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    background: var(--color-primary-light);
    font-size: var(--font-size-sm);
}
.pf-owner-bar__link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-text);
    text-decoration: none;
    white-space: nowrap;
}

/* ---------- раскладка ---------- */
.pf-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "media" "card" "content";
}
.pf-media { grid-area: media; min-width: 0; }
.pf-card-wrap { grid-area: card; min-width: 0; }
.pf-content { grid-area: content; min-width: 0; }

@media (min-width: 992px) {
    .pf-layout {
        grid-template-columns: minmax(0, 1fr) 380px;
        grid-template-areas: "media card" "content card";
        grid-template-rows: auto 1fr;
        column-gap: var(--pf-gap);
    }
    .pf-card {
        position: sticky;
        top: calc(64px + var(--space-5));
    }
}
@media (min-width: 1400px) {
    .pf-layout {
        grid-template-columns: minmax(0, 1fr) 400px;
        column-gap: var(--space-10);
    }
}

/* ---------- галерея ---------- */
.pf-gallery {
    position: relative;
}
.pf-gallery__track {
    display: grid;
    gap: var(--space-2);
    height: clamp(420px, 64vh, 640px);
    border-radius: var(--pf-radius);
    overflow: hidden;
    outline: none;
}
.pf-gallery__track:focus-visible {
    box-shadow: 0 0 0 3px var(--color-primary);
}

.pf-shot {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    background: var(--color-bg-muted);
}
.pf-shot picture,
.pf-shot .pf-img {
    display: block;
    width: 100%;
    height: 100%;
}
.pf-shot .pf-img {
    object-fit: cover;
    object-position: center 25%;
    max-width: none;
    transition: transform var(--transition-slow);
}
@media (hover: hover) {
    .pf-shot:hover .pf-img {
        transform: scale(1.03);
    }
}
.pf-shot:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: -3px;
}

/* Мозаика: 1–5 плиток, главная — крупно слева */
.pf-gallery[data-count="1"] .pf-gallery__track {
    grid-template-columns: minmax(0, 520px);
    justify-content: center;
    background: var(--color-bg-subtle);
}
.pf-gallery[data-count="2"] .pf-gallery__track {
    grid-template-columns: 1fr 1fr;
}
.pf-gallery[data-count="3"] .pf-gallery__track {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.pf-gallery[data-count="4"] .pf-gallery__track,
.pf-gallery[data-count="5"] .pf-gallery__track {
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.pf-gallery[data-count="3"] .pf-shot:first-child,
.pf-gallery[data-count="4"] .pf-shot:first-child,
.pf-gallery[data-count="5"] .pf-shot:first-child {
    grid-row: 1 / 3;
}
.pf-gallery[data-count="4"] .pf-shot:nth-child(2) {
    grid-row: 1 / 3;
}
.pf-shot:nth-child(n+6) {
    display: none;
}

.pf-shot__more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(20, 24, 40, 0.5);
    color: #fff;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-md);
}

.pf-tag {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px var(--space-2);
    border-radius: var(--radius-full);
    background: rgba(20, 24, 40, 0.72);
    color: #fff;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    pointer-events: none;
}
.pf-tag--main {
    background: var(--color-primary-text);
}

.pf-gallery__all {
    position: absolute;
    right: var(--space-4);
    bottom: var(--space-4);
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 40px;
    padding: 0 var(--space-4);
    border: 0;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.94);
    color: var(--color-text);
    font: inherit;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    box-shadow: var(--shadow-md);
    cursor: pointer;
}
.pf-gallery__all:hover {
    background: #fff;
}
.pf-gallery__counter {
    display: none;
}

.pf-gallery--empty {
    height: clamp(280px, 40vh, 420px);
    border-radius: var(--pf-radius);
    background: var(--gradient-brand);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}
.pf-gallery__letter {
    font-size: 5rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1;
}
.pf-gallery__empty-text {
    opacity: 0.85;
    font-size: var(--font-size-sm);
}

/* Телефон: листалка во всю ширину экрана */
@media (max-width: 767.98px) {
    .pf-media {
        margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    }
    .pf-gallery__track,
    .pf-gallery[data-count] .pf-gallery__track {
        display: flex;
        height: auto;
        gap: 0;
        border-radius: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        background: var(--color-bg-muted);
    }
    .pf-gallery__track::-webkit-scrollbar {
        display: none;
    }
    .pf-shot,
    .pf-shot:nth-child(n+6) {
        display: block;
        flex: 0 0 100%;
        aspect-ratio: 4 / 5;
        /* Чтобы имя и цена попадали в первый экран */
        max-height: 52vh;
        max-height: 52svh;
        scroll-snap-align: start;
    }
    .pf-shot__more,
    .pf-gallery__all {
        display: none;
    }
    .pf-gallery__counter {
        display: block;
        position: absolute;
        right: var(--space-3);
        bottom: var(--space-3);
        padding: 2px var(--space-3);
        border-radius: var(--radius-full);
        background: rgba(20, 24, 40, 0.72);
        color: #fff;
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-medium);
        pointer-events: none;
    }
    .pf-gallery--empty {
        border-radius: 0;
    }
}

/* ---------- управление фото (владелец) ---------- */
.pf-manage {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--space-2);
}
.pf-manage__add,
.pf-manage__item {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin: 0;
}
.pf-manage__item {
    background: var(--color-bg-muted);
}
.pf-manage__item picture,
.pf-manage__item .pf-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pf-manage__add-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-primary-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: border-color var(--transition-fast), background var(--transition-fast);
}
.pf-manage__add-label:hover,
.pf-manage__add-label:focus-within {
    border-color: var(--color-primary);
    background: var(--color-primary-light);
}
.pf-manage__del {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.94);
    color: var(--color-danger);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}
.pf-avatar-form {
    margin-top: var(--space-3);
}
.pf-avatar-form__btn {
    gap: var(--space-2);
    cursor: pointer;
}
.name-img.blur {
    filter: blur(3px);
}

/* ---------- карточка ---------- */
.pf-card {
    padding: var(--space-5) 0 var(--space-2);
}
@media (min-width: 992px) {
    .pf-card {
        padding: var(--space-6);
        border: 1px solid var(--color-border-light);
        border-radius: var(--pf-radius);
        background: var(--color-bg);
        box-shadow: var(--shadow-md);
    }
}

.pf-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}
.pf-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px var(--space-3);
    border-radius: var(--radius-full);
    background: var(--color-bg-muted);
    color: var(--color-text-secondary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
    text-decoration: none;
}
.pf-badge--verified {
    background: var(--color-success-light);
    color: #167040; /* 5.9:1 на светло-зелёном */
}
.pf-badge--vip {
    background: var(--color-warning-light);
    color: #7A4E00;
}
.pf-badge--link:hover {
    background: var(--color-primary-light);
    color: var(--color-primary-text);
}

.pf-name {
    margin: 0;
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    overflow-wrap: anywhere;
}
.pf-name__age {
    font-weight: var(--font-weight-normal);
    color: var(--color-text-secondary);
}

.pf-sub {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-4);
    margin-top: var(--space-2);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}
.pf-sub__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.pf-rating {
    color: var(--color-text);
    text-decoration: none;
}
.pf-rating:hover .pf-rating__count {
    text-decoration: underline;
}
.pf-rating__star {
    display: inline-flex;
    color: var(--color-warning);
}
.pf-rating__count {
    color: var(--color-text-secondary);
}

.pf-price {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    margin-top: var(--space-4);
}
.pf-price__value {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    line-height: 1.1;
    letter-spacing: -0.01em;
}
.pf-price__unit {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.pf-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
    margin: var(--space-4) 0 0;
}
.pf-facts__item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: var(--space-2) var(--space-1);
    border-radius: var(--radius-md);
    background: var(--color-bg-subtle);
    text-align: center;
}
.pf-facts dt {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-muted);
}
.pf-facts dd {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
}

.pf-cta {
    display: grid;
    gap: var(--space-2);
    margin-top: var(--space-5);
}
.pf-cta__btn {
    width: 100%;
    gap: var(--space-2);
    min-height: 48px;
    font-weight: var(--font-weight-semibold);
}
.pf-cta__btn svg {
    flex-shrink: 0;
}
.pf-cta__tg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-text);
    text-decoration: none;
}
.pf-cta__tg span {
    color: var(--color-text-secondary);
    font-weight: var(--font-weight-normal);
}
.pf-cta__tg:hover {
    text-decoration: underline;
}

.pf-hint {
    margin: var(--space-2) 0 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    text-align: center;
}

.pf-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border-light);
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}
.pf-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pf-complaint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: var(--space-3);
    padding: var(--space-1) 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    cursor: pointer;
}
.pf-complaint:hover,
.pf-complaint:focus-visible {
    color: var(--color-danger);
    text-decoration: underline;
}

/* ---------- разделы ---------- */
.pf-content {
    padding-top: var(--space-2);
}
@media (min-width: 992px) {
    .pf-content {
        padding-top: var(--space-4);
    }
}
.pf-section {
    padding: var(--space-6) 0;
    border-top: 1px solid var(--color-border-light);
}
@media (min-width: 992px) {
    .pf-section:first-child {
        border-top: 0;
    }
}
.pf-h2,
.pf-related .pf-h2 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
}
.pf-h2__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 var(--space-2);
    border-radius: var(--radius-full);
    background: var(--color-bg-muted);
    color: var(--color-text-secondary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}
.pf-muted {
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.pf-about {
    font-size: 0.9375rem;
    line-height: var(--line-height-relaxed);
    max-width: 68ch;
    overflow-wrap: anywhere;
}
.pf-about.is-clamped {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pf-more {
    margin-top: var(--space-2);
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-text);
    cursor: pointer;
}
.pf-more:hover {
    text-decoration: underline;
}

.pf-params {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--space-8);
    margin: 0;
}
@media (min-width: 576px) {
    .pf-params {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.pf-params__row {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: 1px dashed var(--color-border);
    font-size: var(--font-size-sm);
}
.pf-params dt {
    font-weight: var(--font-weight-normal);
    color: var(--color-text-secondary);
}
.pf-params dd {
    margin: 0;
    font-weight: var(--font-weight-semibold);
    text-align: right;
}
.pf-params dd a {
    color: var(--color-primary-text);
}

.pf-where {
    display: grid;
    gap: var(--space-4);
}
.pf-where__row {
    display: grid;
    gap: var(--space-2);
}
@media (min-width: 576px) {
    .pf-where__row {
        grid-template-columns: 120px minmax(0, 1fr);
        align-items: baseline;
    }
}
.pf-where__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.pf-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.pf-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background: var(--color-bg);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);
}
.pf-chip:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-text);
    background: var(--color-primary-light);
}
.pf-chip--service {
    border-color: transparent;
    background: var(--color-bg-subtle);
}
.pf-chip--service svg {
    color: var(--color-success);
}
.pf-chip:focus-visible,
.pf-more:focus-visible,
.pf-complaint:focus-visible,
.pf-rating:focus-visible,
.pf-review-form__toggle:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.pf-video {
    display: block;
    width: 100%;
    max-height: 70vh;
    border-radius: var(--radius-lg);
    background: #000;
}

/* ---------- отзывы ---------- */
.pf-reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}
.pf-reviews-head .pf-h2 {
    margin: 0;
}
.pf-score {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}
.pf-score__value {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
}
.pf-stars {
    --pf-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E");
    display: inline-block;
    width: 100px;
    height: 20px;
    background: linear-gradient(90deg, var(--color-warning) calc(var(--pf-rating, 0) / 5 * 100%), var(--color-border) 0);
    -webkit-mask: var(--pf-star) left / 20px 20px repeat-x;
    mask: var(--pf-star) left / 20px 20px repeat-x;
}

.pf-reviews {
    display: grid;
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
    padding: 0;
    list-style: none;
}
@media (min-width: 1200px) {
    .pf-reviews {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.pf-review {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background: var(--color-bg-subtle);
}
.pf-review__head {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
.pf-review__avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    background: var(--gradient-brand);
    color: #fff;
    font-weight: var(--font-weight-semibold);
}
.pf-review__name {
    font-weight: var(--font-weight-semibold);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pf-review__date {
    margin-left: auto;
    flex-shrink: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}
.pf-review__text {
    margin: var(--space-3) 0 0;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
    overflow-wrap: anywhere;
}

.pf-review-form > summary {
    list-style: none;
    gap: var(--space-2);
    cursor: pointer;
}
.pf-review-form > summary::-webkit-details-marker {
    display: none;
}
.pf-review-form[open] > summary {
    display: none;
}
.pf-review-form__body {
    max-width: 560px;
}
.pf-review-form .review-form {
    margin: 0;
    padding: var(--space-5);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-bg);
}
.pf-review-form .form-review-title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-4);
}
.pf-review-form .review-form .form-group,
.pf-review-form .review-form [class*="field-"] {
    margin-bottom: var(--space-4);
}
.pf-review-form .review-form label {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}
.pf-review-form .review-form input[type="text"],
.pf-review-form .review-form textarea {
    width: 100%;
    padding: 10px var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg);
    font: inherit;
    font-size: var(--font-size-base);
}
.pf-review-form .review-form textarea {
    min-height: 110px;
    resize: vertical;
}
.pf-review-form .review-form input:focus,
.pf-review-form .review-form textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-light);
}
.pf-review-form__note {
    margin-top: var(--space-2);
    font-size: var(--font-size-xs);
}

/* ---------- похожие анкеты ---------- */
.pf-related {
    margin-top: var(--space-6);
}
/* ---------- панель действий (телефон, планшет) ---------- */
.pf-actionbar {
    display: none;
}
@media (max-width: 991.98px) {
    .pf {
        padding-bottom: 96px;
    }
    .pf-actionbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: var(--pf-bottom-nav, 0px);
        z-index: var(--z-fixed);
        display: flex;
        align-items: center;
        gap: var(--space-2);
        padding: var(--space-2) var(--space-4);
        /* --pf-safe ставит profile.js: без нижнего меню — отступ под «чёлку» iPhone */
        padding-bottom: calc(var(--space-2) + var(--pf-safe, 0px));
        background: rgba(255, 255, 255, 0.97);
        border-top: 1px solid var(--color-border-light);
        box-shadow: 0 -8px 24px -12px rgba(26, 31, 54, 0.25);
        transform: translateY(calc(100% + var(--pf-bottom-nav, 0px)));
        visibility: hidden;
        transition: transform var(--transition-base), visibility 0s linear 250ms;
    }
    .pf-actionbar.is-visible {
        transform: translateY(0);
        visibility: visible;
        transition: transform var(--transition-base), visibility 0s;
    }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .pf-actionbar,
    .pf-actionbar.is-visible {
        transition: none;
    }
}
.pf-actionbar__who {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}
.pf-actionbar__name {
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pf-actionbar__price {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
}
.pf-actionbar__btn {
    flex-shrink: 0;
    min-height: 44px;
    gap: 6px;
    padding: 0 var(--space-4);
}
.pf-actionbar .btn-secondary.pf-actionbar__btn {
    width: 44px;
    padding: 0;
}
.pf-actionbar__btn--call {
    font-weight: var(--font-weight-semibold);
}

/* Bootstrap 5 красит .btn-secondary у <a>/<label> в серый (#6c757d) —
   внутри анкеты держим вторичную кнопку в стиле сайта. */
.pf .btn-secondary,
.pf .btn-secondary:visited {
    background: var(--color-bg);
    border: 2px solid var(--color-border);
    color: var(--color-text);
}
.pf .btn-secondary:hover {
    border-color: var(--color-primary);
    background: var(--color-primary-light);
    color: var(--color-primary-text);
}

/* site.css ставит старой форме аватара position:absolute под кружком */
.pf #under-avatar-form {
    position: static;
    width: auto;
}