/* The time beside a find's price, and a find whose price is over or that Amazon no longer
   quotes a price for (services/find_freshness.py). Used by the find card, the product page
   and, in its own inline styles, the /deal/ page. */

.price-stamp { margin: -6px 0 12px; color: #7b8799; font-size: 0.74rem; line-height: 1.4; }
.price-stamp a { color: inherit; text-decoration: none; }
.price-stamp a:hover { text-decoration: underline; }

/* A find that is over stays in the list, but steps back: the picture fades and the button
   is no longer the page's strongest colour. It still leads on to Amazon. */
.find-card.is-over .card-image-top { opacity: 0.7; filter: grayscale(0.6); }
.find-card.is-over .product-title a { color: #5b6678 !important; }
.find-card.is-over .find-buttons .btn-primary { border: 1px solid #cfd8e3; background: #fff; color: #344054; box-shadow: none; }
.find-card.is-over .find-buttons .btn-primary:hover { border-color: #b9c4d2; background: #f4f6f9; color: #172333; }
.price-comparison.is-over { align-items: flex-start; }
.price-over-label { color: #b42318; font-size: 0.82rem; font-weight: 750; line-height: 1.3; }
.price-now { margin-top: 2px; color: #344054; font-size: 1.15rem; font-weight: 750; line-height: 1.2; letter-spacing: -0.02em; }

.product-price-section .price-stamp { margin: 8px 0 0; font-size: 0.8rem; }
.price-stamp-related { margin-top: 2px; font-size: 0.7rem; }
.product-price-section.is-over .product-price-label { color: #b42318; }
.product-price-section.is-over .product-current-price { color: #344054; font-size: 1.7rem; }
