/* =========================================================
KOKO MOBILE PRICE READABILITY FIX
=========================================================
Scope: mobile/tablet only (max-width: 768px), product-card
context only (.product-wrapper .price - homepage sections,
shop, category and search result grids). Does not match the
single-product page price blocks (.product-price / .klb-
product-detail), which are not inside .product-wrapper, and
does not fire above 768px, so desktop and single-product
pages are untouched.
Root cause: the theme's .price is display:inline-flex;
flex-direction:row-reverse; flex-wrap:nowrap, which forces
the original price, sale price and the Koko instalment block
(amount + logo + info icon) onto one unbreakable row wider
than the 2-column mobile card, causing it to visually overlap
the neighboring card. This block only changes the wrapping/
stacking behavior (flex-direction/wrap) of the existing
elements - no HTML, JS, PHP, labels, or pricing/instalment
calculations are changed. Visual order after this fix (top to
bottom): original crossed-out price, sale/cash price (most
prominent, unchanged styling), then the Koko instalment line
beneath it, wrapping naturally with the logo and info icon
never clipped. */
