:root {
    --cozzicotton-primary: #B89658; /* Cozzi Cotton orange */
    --cozzicotton-primary-hover: #947844; /* slightly darker */
    --cozzicotton-gold: #d4af37;
    --fi-text: #1f2937; /* slate-800 */
    --fi-muted: #6b7280; /* slate-500 */
    --fi-border: #e2e8f0; /* gray-200 */
    --fi-bg: #ffffff; /* white */
    --fi-panel-bg: #ffffff; /* subtle gray */
    --fi-header-bg: #f7f9fc; /* light grey for section headers */
    --fi-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 8px 16px rgba(0, 0, 0, .04);
    --fi-radius: 14px;
    --fi-radius-pill: 999px;
}

/* Offer price row (PDP + anywhere stock_record.html is used) */
.cc-price,
.cc-price--offer{
    display: flex;
    align-items: baseline;
    gap: 8px;          /* smaller so it fits */
    margin: 0;
    flex-wrap: wrap;   /* critical: prevents the new price disappearing */
}


.cc-price-old{
    color: #8c8c8c;          /* muted gray */
    text-decoration: line-through;
    opacity: 1;
    font-size: 1em;

}

.cc-price-new{
    color: var(--cozzicotton-gold);          /* Cozzi gold */
    font-weight: 900;
    font-size: larger;
}

/* Optional: avoid underline if price is inside a link in any context */
.cc-price a,
.cc-price a:hover{
    text-decoration: none;
}