/* =========================================================
   KALEM STORE V35 — OPTIMASI PERFORMA MOBILE & TOAST
   Tidak mengubah tampilan desktop; hanya meringankan HP.
   ========================================================= */
#klmToastWrapV35{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:12000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,430px)}
.klm-toast-v35{pointer-events:none;max-width:100%;padding:11px 16px;border-radius:14px;font-size:.82rem;font-weight:700;letter-spacing:.01em;color:#eafcff;background:rgba(13,17,28,.94);border:1px solid rgba(65,232,255,.35);box-shadow:0 14px 34px rgba(0,0,0,.45);opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;text-align:center}
.klm-toast-v35.show{opacity:1;transform:translateY(0)}
.klm-toast-v35.is-error{border-color:rgba(255,93,122,.55);color:#ffe3e9}
@media (prefers-reduced-motion: reduce){.klm-toast-v35{transition:none;transform:none}}

/* Drag badge & preview: halaman tidak ikut bergeser saat disentuh */
[data-badge-id-v33]{touch-action:none}

/* Layar sentuh: hindari efek hover yang "nyangkut" */
@media (hover:none){
  .redeem-item-card:hover{transform:none;filter:none}
  .hero-panel:hover{transform:rotateY(-5deg) rotateX(2deg)}
}

@media (max-width:768px){
  .ambient-orb{filter:blur(36px);opacity:.5}
  .redeem-item-card{content-visibility:auto;contain-intrinsic-size:1px 430px}
  .quote-card{content-visibility:auto;contain-intrinsic-size:1px 240px}
}

@media (max-width:480px){
  #particleCanvas{display:none}
  .ambient-orb{display:none}
  .modal-close{min-width:44px;min-height:44px}
}