/* ─── Animations ────────────────────────────────── */
    @keyframes flash-pulse { 0%,100%{opacity:1} 50%{opacity:.6} }
    .flash-pulse { animation: flash-pulse 1.6s ease-in-out infinite; }

    @keyframes btn-spin { to { transform: rotate(360deg); } }
    .btn-spin { animation: btn-spin .7s linear infinite; }

    @keyframes img-zoom { to { transform: scale(1.05); } }
    .img-hover:hover #main-image { animation: img-zoom .4s ease forwards; }

    /* ─── Thumb strip active ring ───────────────────── */
    .thumb-item.active { border-color: var(--theme-500) !important; box-shadow: 0 0 0 2px var(--theme-500); }

    /* ─── Hide scrollbar on thumb rail ─────────────── */
    .thumb-rail { scrollbar-width: none; }
    .thumb-rail::-webkit-scrollbar { display: none; }

    /* ─── Variant pills ─────────────────────────────── */
    .vp { transition: background .15s, border-color .15s, color .15s, transform .1s; }
    .vp:not(:disabled):hover { transform: translateY(-1px); }

    /* ─── RTL ───────────────────────────────────────── */
    [dir="rtl"] .rtl-flip { transform: scaleX(-1); }

    /* ─── Sticky info column ────────────────────────── */
    @media (min-width: 1024px) {
      .info-sticky { position: sticky; top: 20px; }
    }