/* ============================
   Product Card Buttons (BEM)
   ============================ */

.pc-btn{
    --btn-height: 48px;
    --btn-radius: 12px;
    --btn-gap: 10px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:var(--btn-gap);

    min-height:var(--btn-height);
    padding:0 18px;

    border-radius:var(--btn-radius);
    border:2px solid transparent;
    text-decoration:none !important;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
    box-shadow:none;
}

/* иконка */
.pc-btn__icon{
    width:18px;
    height:18px;
    flex-shrink:0;
    fill:currentColor;
}

/* текст */
.pc-btn__text{ font-size:15px; }

/* PRIMARY — более лёгкая тень + заданный градиент */
.pc-btn--primary{
    background: linear-gradient(180deg, #d63939 0%, #c4010c 100%);
    color:#fff;
    border-color:#c4010c;
    box-shadow:0 3px 8px rgba(196,1,12,.18);
}
.pc-btn--primary:hover{
    transform:translateY(-1px);
    box-shadow:0 5px 14px rgba(196,1,12,.22);
}
.pc-btn--primary:active{
    transform:none;
    filter:brightness(.97);
}

/* OUTLINE */
.pc-btn--outline{
    background:#fff;

    color:#c4010c;
    border: 2px solid #c4010c !important;   /* фирменный красный */
    box-shadow:none;
}
.pc-btn--outline:hover{
    background: linear-gradient(180deg, #d63939 0%, #c4010c 100%);
    color:#fff;
    border-color:#c4010c;
    box-shadow:0 2px 8px rgba(196,1,12,.16);
}
.pc-btn--outline:active{
    box-shadow:none;
}

/* Если кнопка — <a> */
a.pc-btn:link,
a.pc-btn:visited,
a.pc-btn:hover,
a.pc-btn:active{
    text-decoration:none !important;
}
/* --- FIX: рамка для outline-кнопки внутри блока цены --- */
.pr-card .pc-btn--outline {
    border: 2px solid #c4010c !important;   /* фирменный красный */
    border-radius: 12px;                    /* как у основной */
    background: #fff;                       /* белый фон */
    color: #c4010c !important;              /* красный текст */
    font-weight: 700;
    text-decoration: none !important;
}

/* hover для outline-кнопки */
.pr-card .pc-btn--outline:hover {
    background: linear-gradient(180deg, #d63939 0%, #c4010c 100%) !important;
    color: #fff !important;
    border-color: #c4010c !important;
    box-shadow: 0 2px 8px rgba(196, 1, 12, 0.16);
}