.elementor-8 .elementor-element.elementor-element-3da4556{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.66;--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;}.elementor-8 .elementor-element.elementor-element-3da4556::before, .elementor-8 .elementor-element.elementor-element-3da4556 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3da4556 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3da4556 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3da4556 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3da4556 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-3da4556, .elementor-8 .elementor-element.elementor-element-3da4556::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-abb12ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button:focus{color:#000000;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button:focus svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button:focus{color:#000000;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button:focus svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button:focus{color:#000000;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button:focus svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button:focus{color:#000000;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button:focus svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button:focus{color:#000000;background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button:focus svg{fill:#000000;}.elementor-8 .elementor-element.elementor-element-f5e5d7d{--display:flex;--background-transition:0.3s;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-3c5d563 img{width:65%;}.elementor-8 .elementor-element.elementor-element-a288f7b{text-align:center;}.elementor-8 .elementor-element.elementor-element-a288f7b .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-9c88d22{text-align:center;}.elementor-8 .elementor-element.elementor-element-9c88d22 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-ab3b9ad{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-a922c87{--grid-template-columns:repeat(0, auto);--icon-size:23px;--grid-column-gap:18px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-widget-container{text-align:center;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon{background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon i{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-icon{border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon:hover{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-a922c87 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-90aa7cd > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-90aa7cd{text-align:center;}.elementor-8 .elementor-element.elementor-element-90aa7cd .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-0365fa2{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-714218f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-714218f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-714218f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thesilvercoin.xyz/wp-content/uploads/2025/10/bg2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-714218f, .elementor-8 .elementor-element.elementor-element-714218f::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-2a687e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--margin-top:150px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-60672a5{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-60672a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-30ac717{text-align:left;}.elementor-8 .elementor-element.elementor-element-30ac717 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:75px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-b3b1402{text-align:left;}.elementor-8 .elementor-element.elementor-element-b3b1402 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;line-height:34px;}.elementor-8 .elementor-element.elementor-element-733fa76{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-236ca42 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#B5B5B5;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-ca8699b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-8 .elementor-element.elementor-element-ca8699b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ca8699b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thesilvercoin.xyz/wp-content/uploads/2025/10/bg3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-ca8699b, .elementor-8 .elementor-element.elementor-element-ca8699b::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-aeb80e6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b45a169{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-b45a169.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b45a169 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:75px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-bd74576{text-align:left;}.elementor-8 .elementor-element.elementor-element-bd74576 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;line-height:34px;}.elementor-8 .elementor-element.elementor-element-885bf40{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-479e919{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-bb1c690{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-bb1c690.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-bb1c690 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:40px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-c84a97f{text-align:center;}.elementor-8 .elementor-element.elementor-element-c84a97f .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:22px;font-weight:300;line-height:34px;}.elementor-8 .elementor-element.elementor-element-5a515a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-8 .elementor-element.elementor-element-5a515a9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5a515a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thesilvercoin.xyz/wp-content/uploads/2025/10/bg4.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-5a515a9, .elementor-8 .elementor-element.elementor-element-5a515a9::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-23566d1{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-35321e1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-35321e1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-35321e1 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:75px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-46160a1{text-align:center;}.elementor-8 .elementor-element.elementor-element-46160a1 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;line-height:34px;}.elementor-8 .elementor-element.elementor-element-841245d{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-034b763{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;}.elementor-8 .elementor-element.elementor-element-034b763, .elementor-8 .elementor-element.elementor-element-034b763::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-31d7a9b{--display:flex;--background-transition:0.3s;--margin-top:150px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-31d7a9b.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-36c44ff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-36c44ff.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-36c44ff .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:75px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-ef8e6cd{text-align:center;}.elementor-8 .elementor-element.elementor-element-ef8e6cd .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-bfd74e3{text-align:center;}.elementor-8 .elementor-element.elementor-element-bfd74e3 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:300;line-height:34px;}.elementor-8 .elementor-element.elementor-element-aae441f{--grid-template-columns:repeat(0, auto);--icon-size:23px;--grid-column-gap:18px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-widget-container{text-align:center;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon{background-color:#D5D5D54D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5B5B5B;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon i{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-icon{border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon:hover{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-aae441f .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-f78b4e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-f78b4e1:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f78b4e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-8 .elementor-element.elementor-element-f78b4e1, .elementor-8 .elementor-element.elementor-element-f78b4e1::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d8088fa{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-9654d11{text-align:center;}.elementor-8 .elementor-element.elementor-element-9654d11 .elementor-heading-title{color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:300;line-height:34px;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-60672a5{--width:60.721%;}.elementor-8 .elementor-element.elementor-element-31d7a9b{--width:73.131%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-04498a3 .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-f0c0b21 .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-8e0f1be .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-2030d63 .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-5a1c59d .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-3c5d563 img{width:100%;}.elementor-8 .elementor-element.elementor-element-a288f7b .elementor-heading-title{font-size:22px;}.elementor-8 .elementor-element.elementor-element-9c88d22 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-a922c87{--icon-size:18px;}.elementor-8 .elementor-element.elementor-element-90aa7cd .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-30ac717 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-b3b1402 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-b45a169 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-bd74576{text-align:center;}.elementor-8 .elementor-element.elementor-element-bd74576 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-bb1c690 .elementor-heading-title{font-size:30px;}.elementor-8 .elementor-element.elementor-element-c84a97f .elementor-heading-title{font-size:18px;}.elementor-8 .elementor-element.elementor-element-35321e1 .elementor-heading-title{font-size:35px;}.elementor-8 .elementor-element.elementor-element-46160a1 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-36c44ff .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-ef8e6cd .elementor-heading-title{font-size:22px;}.elementor-8 .elementor-element.elementor-element-bfd74e3 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-aae441f{--icon-size:20px;}}/* Start custom CSS for image, class: .elementor-element-3c5d563 *//* ====== 0) Utilitas umum (opsional, aman dipakai bareng efek) ====== */
.persp-wrap { perspective: 900px; transform-style: preserve-3d; }
.persp-smooth { will-change: transform; transition: transform .6s cubic-bezier(.2,.8,.2,1); }

/* ====== 1) Subtle 3D idle (gerak halus otomatis) ====== */
/* Tambah kelas: persp-idle3d persp-wrap */
.persp-idle3d { perspective: 1000px; transform-style: preserve-3d; }
.persp-idle3d img{
  display:block; transform-origin: center;
  animation: idleTilt 6s ease-in-out infinite alternate;
  transform: translateZ(0);
}
@keyframes idleTilt{
  0%   { transform: rotateX(6deg) rotateY(-6deg) translateZ(12px) }
  100% { transform: rotateX(-6deg) rotateY(6deg) translateZ(12px) }
}

/* ====== 2) Hover Tilt (miring kanan-kiri/atas-bawah saat hover) ====== */
/* Tambah kelas: persp-tilt persp-wrap persp-smooth */
.persp-tilt img{ transform: rotateX(0) rotateY(0) translateZ(18px) }
.persp-tilt:hover img{ transform: rotateX(10deg) rotateY(-12deg) translateZ(18px) }

/* ====== 3) Flip Card Y (membalik vertikal saat hover) ====== */
/* Tambah kelas: persp-flipY persp-wrap persp-smooth */
.persp-flipY{ perspective: 1200px; }
.persp-flipY img{ backface-visibility: hidden; transform: rotateY(0deg) }
.persp-flipY:hover img{ transform: rotateY(180deg) }

/* ====== 4) Rocking (ayun kanan-kiri looping pelan) ====== */
/* Tambah kelas: persp-rocking persp-wrap */
.persp-rocking img{
  animation: rockY 4.5s ease-in-out infinite;
  transform-origin: 50% 50%;
}
@keyframes rockY{
  0%   { transform: rotateY(-10deg) translateZ(10px) }
  50%  { transform: rotateY(10deg)  translateZ(10px) }
  100% { transform: rotateY(-10deg) translateZ(10px) }
}

/* ====== 5) Perspective + Shine (kilau menyapu saat hover) ====== */
/* Tambah kelas: persp-shine persp-wrap persp-smooth */
.persp-shine{ position: relative; overflow: hidden; }
.persp-shine img{ transform: rotateX(0deg) rotateY(0deg) translateZ(16px) }
.persp-shine:hover img{ transform: rotateX(8deg) rotateY(12deg) translateZ(16px) }
.persp-shine::before{
  content:""; position:absolute; inset:-20%;
  transform: translateX(-120%) rotate(20deg);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%,
                                        rgba(255,255,255,.28) 50%,
                                        rgba(255,255,255,0) 100%);
  filter: blur(2px); pointer-events:none;
  transition: transform .8s ease;
}
.persp-shine:hover::before{ transform: translateX(120%) rotate(20deg) }

/* ====== 6) Parallax Hover (lebih dramatis, nonaktif di mobile) ====== */
/* Tambah kelas: persp-parallax persp-wrap persp-smooth */
@media (hover:hover){
  .persp-parallax{ --rx: 0deg; --ry: 0deg; }
  .persp-parallax img{
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translateZ(24px) scale(1.02);
  }
  /* Gunakan area hover sisi untuk "mensimulasikan" parallax tanpa JS */
  .persp-parallax{ position:relative; }
  .persp-parallax::after,
  .persp-parallax::before{
    content:""; position:absolute; inset:0; pointer-events:auto;
  }
  /* Zona kiri */
  .persp-parallax:hover{ --rx: 6deg; --ry: -10deg; }
  .persp-parallax:hover img{ transform: rotateX(var(--rx)) rotateY(var(--ry)) translateZ(24px) scale(1.02); }
}

/* ====== 7) 3D Pop On Load (masuk dari kedalaman) ====== */
/* Tambah kelas: persp-popin persp-wrap */
.persp-popin img{
  animation: pop3d .8s cubic-bezier(.2,.8,.2,1) both;
  transform-origin: center;
}
@keyframes pop3d{
  0%   { opacity:0; transform: translateZ(-140px) rotateX(12deg) rotateY(-12deg) scale(.9) }
  100% { opacity:1; transform: translateZ(0)      rotateX(0)     rotateY(0)      scale(1)  }
}

/* ====== 8) 3D Shake Micro (hover getar halus) ====== */
/* Tambah kelas: persp-microshake persp-wrap */
.persp-microshake img{ transition: transform .2s ease; }
.persp-microshake:hover img{
  animation: microShake3d .6s ease both;
}
@keyframes microShake3d{
  0%,100%{ transform: translateZ(16px) rotateX(0) rotateY(0) }
  25%    { transform: translateZ(16px) rotateX(3deg) rotateY(-4deg) }
  50%    { transform: translateZ(16px) rotateX(-3deg) rotateY(4deg) }
  75%    { transform: translateZ(16px) rotateX(2deg) rotateY(-2deg) }
}

/* ====== 9) Disable efek berat di layar kecil (opsional) ====== */
@media (max-width: 480px){
  .persp-idle3d img,
  .persp-rocking img{ animation: none; transform: none !important; }
  .persp-tilt:hover img,
  .persp-flipY:hover img,
  .persp-shine:hover img{ transform: none !important; }
}/* End custom CSS */