/* =========================================================================
   Vinyl — оформление цены в каталоге и на карточке товара (весь сайт)
   Подключается из functions.php; --vinyl-accent приходит инлайном из настроек
   ========================================================================= */

:root { --vinyl-accent: #4b4bf5; } /* запасное; переопределяется из colors_main */

/* ---- Цена в списке товаров (каталог, главная, related, «вам понравится») ---- */
.shop-item__price { margin-top: 8px; }
.shop-item__price .price {
    display: inline-block;
    color: var(--vinyl-accent) !important;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.25;
    background: #eeeefe;
    background: color-mix(in srgb, var(--vinyl-accent) 9%, #fff);
    padding: 5px 12px;
    border-radius: 9px;
    white-space: nowrap;
}
.shop-item__price .price .amount,
.shop-item__price .price bdi { color: inherit; }
.shop-item__price .price ins { text-decoration: none; }
.shop-item__price .price del {
    color: #9a9aa2;
    font-weight: 600;
    font-size: 13px;
    margin-right: 5px;
    opacity: .85;
}

/* ---- Цена на странице товара (single) ---- */
.product-info .price {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    color: var(--vinyl-accent) !important;
    font-weight: 800;
    font-size: 1.9em;
    line-height: 1.1;
    padding-bottom: 9px;
    margin-bottom: 10px;
}
.product-info .price::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 46px;
    height: 3px;
    border-radius: 3px;
    background: var(--vinyl-accent);
}
.product-info .price .amount,
.product-info .price bdi { color: inherit; }
.product-info .price ins { text-decoration: none; color: var(--vinyl-accent); }
.product-info .price del {
    color: #9a9aa2;
    font-weight: 600;
    font-size: .58em;
    align-self: center;
}