/* * ═══════════════════════════════════════════════════════════════ * showcase_fj26.css * "#showcase" — Showcase & Produk UMKM section, placed below * #highlight2. Reuses the global .fj26-thumb-card (art thumbnail) * and .fj26-about-text / .fj26-chip / .fj26-more-btn components * already defined in about_fesyar_fj26.css — this file only adds * the section's own background + divider treatment, mirroring the * #about_fesyar pattern so nothing needs to be duplicated. * * Loaded LAST in so nothing existing needs to change. * Pairs with /asset_easy/js_town/showcase_fj26.js for the * scroll-reveal + pointer-tilt on the thumbnail (the section is * fully visible with no JS at all). * ═══════════════════════════════════════════════════════════════ */ #showcase{ position:relative; background: radial-gradient(ellipse 55% 60% at 94% 15%, rgba(23,201,148,0.13), transparent 60%), radial-gradient(ellipse 60% 65% at 4% 85%, rgba(30,111,255,0.14), transparent 60%) !important; } #showcase:before{ content:''; position:absolute; top:0; left:10%; right:10%; height:1px; background:linear-gradient(90deg, transparent, rgba(53,225,255,0.28), transparent); }