@keyframes bareq-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .s-advertisement-content-icon.sicon-gift-card { animation: bareq-blink 1s ease-in-out infinite; } .bareq-nav__cart:not(.is-empty) .s-cart-summary-wrapper { background-color: #26265c !important; } .bareq-cart__checkout:hover{ background-color: #26265c !important; } /* ********************************************* */ /* the below code is not deleatable */ /* ===== FX-024 · product page rating on ONE row ============================ Repo: src/assets/styles/04-components/bareq-product-info.scss Retire when: contains 024 The cluster beside the product title stacked into three centred lines — `★ 5`, then the five-star strip, then `(17) تقييم`. Two rules in the theme disagreed about the strip: an older `__stars { display: none }` and a later styled block that re-showed it, and the later one won on source order. So the strip was visible while the container was still laid out as the 52×31 COLUMN the design draws for a score-and-count-only cluster. Business asked for one line with the number beside the stars. Result: `5 ★★★★★ (17) تقييم`. Only the properties that change are restated — `display: flex`, `flex: none` and `width: auto` are already correct in app.css (LIVE-HOTFIX-WORKFLOW §4.1). The strip itself needs NO overlay rule: it is already visible on the live build for the reason above. Safe at 360: `.bareq-product-info__head` carries `flex: 1; min-width: 0`, so the wider cluster makes the title wrap rather than pushing the rating off the row. No direction-sensitive property here — flex's own direction awareness places the row, so `flex-start` is the right edge in Arabic and the left in English (LIVE-HOTFIX-WORKFLOW §1.3 / CLAUDE.md §6.5). ------------------------------------------------------------------------ */ body:not([data-bq-fix~="024"]) .bareq-product-info__rating { flex-direction: row; align-items: center; justify-content: flex-start; gap: 6px; } /* The score's own `sicon-star2` is redundant once the five-star strip is on the same line — it rendered as one star immediately followed by five more. Hidden, never removed: the node stays in the DOM (CLAUDE.md §6.3). */ body:not([data-bq-fix~="024"]) .bareq-product-info__score i { display: none; } /* ===== end FX-024 ======================================================== */