/* Paparan statik untuk Home, Pesanan, Stok dan FAQ */

.static-effects-page .hero {
    animation: none !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* Bawah hero menggunakan satu garis lurus, bukan lengkungan. */
.static-effects-page .hero::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 5px !important;
    z-index: 5 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #93c5fd, #ffffff, #c4b5fd) !important;
    pointer-events: none !important;
}

.static-effects-page .hero-orb,
.static-effects-page .hero-image-frame,
.static-effects-page .hero-logo-frame,
.static-effects-page .floating-info,
.static-effects-page .logo-corner-badge,
.static-effects-page .page-logo,
.static-effects-page .page-logo::before,
.static-effects-page .page-logo::after,
.static-effects-page .page-logo .main-logo-icon {
    transform: none !important;
    transition: none !important;
}

.static-effects-page .hero-orb,
.static-effects-page .hero-image-frame,
.static-effects-page .hero-logo-frame,
.static-effects-page .floating-info,
.static-effects-page .logo-corner-badge,
.static-effects-page .page-logo::before,
.static-effects-page .page-logo::after,
.static-effects-page .page-logo .main-logo-icon {
    animation: none !important;
}

.static-effects-page .hero-image-frame img,
.static-effects-page .hero-image-frame:hover img,
.static-effects-page .hero-logo-frame:hover,
.static-effects-page .page-logo:hover {
    transform: none !important;
    filter: none !important;
    transition: none !important;
}

/* Buang jalur cahaya yang melintas pada kad ketika hover. */
.static-effects-page .card::after,
.static-effects-page .card:hover::after {
    content: none !important;
    display: none !important;
}

.static-effects-page .cursor-glow {
    display: none !important;
    opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .static-effects-page *,
    .static-effects-page *::before,
    .static-effects-page *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
