/* MalaysiaProject.com — smooth page transitions, back-to-top, picture loading shimmer */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root){ animation-duration:.38s; animation-timing-function:cubic-bezier(.2,.7,.2,1); }
@media (prefers-reduced-motion:reduce){ @view-transition { navigation: none; } }
.fx-top{ position:fixed; left:18px; bottom:24px; z-index:1500; width:48px; height:48px; border-radius:50%; border:1px solid rgba(245,208,97,.55); background:rgba(11,27,58,.88); color:#F5D061; font-size:1.25rem; line-height:1; cursor:pointer; box-shadow:0 14px 30px -14px rgba(0,0,0,.6); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); opacity:0; transform:translateY(14px) scale(.9); pointer-events:none; transition:opacity .3s ease, transform .3s ease, background .2s ease; }
.fx-top.show{ opacity:1; transform:none; pointer-events:auto; }
.fx-top:hover{ background:#F5D061; color:#0B1B3A; }
@media (max-width:860px){ .fx-top{ bottom:78px; left:14px; width:44px; height:44px; } }
.hf-img:not(.fx-ld), .card-photo:not(.fx-ld), .pcover:not(.fx-ld){ background-image:linear-gradient(100deg,#E6EAF1 40%,#F4F6F9 50%,#E6EAF1 60%) !important; background-size:220% 100% !important; animation:fxShim 1.3s linear infinite; }
@keyframes fxShim{ from{ background-position:120% 0; } to{ background-position:-120% 0; } }
@media (prefers-reduced-motion:reduce){ .hf-img, .card-photo, .pcover{ animation:none !important; } }
#toTop, .to-top{ display:none !important; }