/* =========================================
   Product Card — PRICE (BEM, scoped)
   Блок: .pc-price. Работает ТОЛЬКО внутри .pc-typo
   ========================================= */
.pc-typo .pc-price{
    /* локальные токены блока */
    --pp-border: var(--pc-color-border);
    --pp-radius: var(--pc-radius);
    --pp-shadow: var(--pc-shadow);

    --pp-accent-1:#D63A3F;   /* верх градиента primary */
    --pp-accent-2:#C92F37;   /* низ градиента + бордер */
    --pp-outline:#E14D56;    /* бордер outline */
    --pp-tag-text:#9E1E26;   /* текст тэга */
    background:#fff;
    border:1px solid var(--pp-border);
    border-radius:var(--pp-radius);
    box-shadow:var(--pp-shadow);
    overflow:hidden;
}

/* head */
.pc-typo .pc-price__head{
    display:flex; align-items:flex-start; justify-content:space-between;
    padding:16px;
}
.pc-typo .pc-price__tag{
    display:inline-block; padding:5px 12px; border-radius:999px;
    border:1.5px solid var(--pp-outline); color:var(--pp-tag-text);
    font-weight:600; white-space:nowrap;
}

/* divider */
.pc-typo .pc-price__divider{ height:1px; background:var(--pp-border); margin:0 16px }

/* body */
.pc-typo .pc-price__body{ padding:14px 16px 16px }
.pc-typo .pc-price__btns{ display:grid; gap:12px }

/* buttons */
.pc-typo .pc-price__btn{
    position:relative;
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    min-height:48px; padding:0 18px; border-radius:12px;
    font-weight:700; text-decoration:none; line-height:1; /* чтобы иконки не «резались» */
    border:2px solid transparent; box-sizing:border-box; cursor:pointer;
    transition:transform .05s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.pc-typo .pc-price__btn .pc-typo__icon{
    width:1.1em; height:1.1em; vertical-align:-0.2em; /* ровно по кеглю */
}

/* primary (заливка) */
.pc-typo .pc-price__btn--primary{
    color:#fff;
    background:linear-gradient(180deg, var(--pp-accent-1) 0%, var(--pp-accent-2) 100%);
    border-color:var(--pp-accent-2);
    box-shadow:0 4px 10px rgba(214,58,63,.25);
}
.pc-typo .pc-price__btn--primary:hover{
    transform:translateY(-1px); box-shadow:0 6px 16px rgba(214,58,63,.32);
}
.pc-typo .pc-price__btn--primary:active{
    transform:none; filter:brightness(.97);
}

/* outline */
.pc-typo .pc-price__btn--outline{
    background:#fff; color:var(--pp-accent-2);
    border-color:var(--pp-outline);
}
.pc-typo .pc-price__btn--outline:hover{
    background:#fff5f5; border-color:#d93b44; box-shadow:0 2px 8px rgba(217,59,68,.12);
}
.pc-typo .pc-price__btn--outline:active{
    background:#ffecec; box-shadow:none;
}

/* focus visible */
.pc-typo .pc-price__btn:focus-visible,
.pc-typo .pc-price__tag:focus-visible{
    outline:2px solid #b12828; outline-offset:2px; border-radius:12px;
}

/* адаптив */
@media (max-width:420px){
    .pc-typo .pc-price__head{ flex-direction:column; gap:8px }
    .pc-typo .pc-price__tag{ align-self:flex-start }
}
