e676397baec1a49d51b1f772bfdf25f28d7cb9e7
.swiper-pagination-bullet{background:#fff} had the same specificity as
swiper's own .swiper-pagination-bullet{background:var(...)} rule and lost
the cascade depending on chunk order, so dots rendered swiper's actual
defaults (black inactive, iOS-blue active) instead of white.
Fix: set swiper's own theming variables (--swiper-pagination-bullet-
inactive-color, --swiper-pagination-color, etc.) scoped to .hero-dots
instead of fighting the background property directly - this is swiper's
documented way to theme bullets and is cascade-order-proof. The active
pill shape (22px, 4px radius) has no variable of its own, so that rule
stays as a plain override, scoped under .hero-dots for higher specificity
instead of !important.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
moalem.shop
فروشگاه اینترنتی موبایل معلم — Next.js storefront on the Meshkee CMS API.
npm install
npm run dev
Environment (.env.local):
NEXT_PUBLIC_SITE_DOMAIN=moalem.shop
NEXT_PUBLIC_DEMO_PRICING=1 # temporary: the tenant has no store-items yet
Architecture, data gaps and the fallbacks currently in place are documented in AGENTS.md.
Languages
TypeScript
97.6%
CSS
1.2%
JavaScript
1.2%