Shopping Cart
No products in the cart.
/* ========================================================= 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. */