.vkey-ih-front{--vkey-hotspot-color:#ff3b30;--vkey-card-radius:22px;--vkey-panel-width:460px;position:relative;width:100%;max-width:1120px;margin:24px auto;font-family:inherit}.vkey-ih-stage{position:relative;overflow:hidden;border-radius:var(--vkey-card-radius);box-shadow:0 24px 70px rgb(0 0 0 / .22);background:#111;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.vkey-ih-front:hover .vkey-ih-stage{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg);box-shadow:0 34px 90px rgb(0 0 0 / .3)}.vkey-ih-main-img{display:block;width:100%;height:auto;transform:scale(1.01);transition:transform .45s ease,filter .35s ease}.vkey-ih-front:hover .vkey-ih-main-img,.vkey-ih-front.is-panel-open .vkey-ih-main-img{transform:scale(1.035)}.vkey-ih-dim{position:absolute;inset:0;background:radial-gradient(circle at center,rgb(255 255 255 / .04),rgb(0 0 0 / .2));pointer-events:none;opacity:.8}.vkey-ih-dot{position:absolute;z-index:4;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff0;transform:translate(-50%,-50%);cursor:pointer}.vkey-ih-dot span{display:block;width:18px;height:18px;margin:8px;border-radius:50%;background:var(--vkey-hotspot-color);border:3px solid #fff;box-shadow:0 0 0 0 rgb(255 59 48 / .48),0 10px 20px rgb(0 0 0 / .3);animation:vkeyIhPulse 1.6s infinite}.vkey-ih-dot:hover span{transform:scale(1.14)}@keyframes vkeyIhPulse{0%{box-shadow:0 0 0 0 rgb(255 59 48 / .48),0 10px 20px rgb(0 0 0 / .3)}70%{box-shadow:0 0 0 14px #fff0,0 10px 20px rgb(0 0 0 / .3)}100%{box-shadow:0 0 0 0 #fff0,0 10px 20px rgb(0 0 0 / .3)}}.vkey-ih-panel-overlay{position:fixed;inset:0;z-index:999998;background:rgb(0 0 0 / .48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.vkey-ih-front.is-panel-open .vkey-ih-panel-overlay{opacity:1;visibility:visible}.vkey-ih-side-panel{position:fixed;top:0;right:0;z-index:999999;width:min(var(--vkey-panel-width), 92vw);height:100vh;transform:translateX(106%);transition:transform .32s cubic-bezier(.22,.61,.36,1);pointer-events:none}.vkey-ih-front.is-panel-open .vkey-ih-side-panel{transform:translateX(0);pointer-events:auto}.vkey-ih-panel-card{position:relative;height:100%;overflow-y:auto;background:#fff;color:#111827;box-shadow:-24px 0 70px rgb(0 0 0 / .25)}.vkey-ih-close{position:sticky;top:10px;left:calc(100% - 42px);z-index:5;width:30px;height:30px;border:none;border-radius:50%;background:rgb(17 24 39 / .08);color:#111827;font-size:18px;font-weight:700;line-height:30px;text-align:center;padding:0;cursor:pointer;transition:all .18s ease}.vkey-ih-close:hover{background:#ef4444;color:#fff}.vkey-ih-gallery{margin-top:-30px}.vkey-ih-gallery-main{width:100%;aspect-ratio:4 / 3;background:#f3f4f6;overflow:hidden}.vkey-ih-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.vkey-ih-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 2px;scrollbar-width:thin}.vkey-ih-thumb{flex:0 0 72px;width:72px;height:56px;padding:0;border:2px solid #fff0;border-radius:10px;overflow:hidden;background:#f3f4f6;cursor:pointer;opacity:.74}.vkey-ih-thumb.is-active{border-color:#ef4444;opacity:1}.vkey-ih-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vkey-ih-panel-body{padding:18px 20px 28px}.vkey-ih-title{margin:0 0 10px;font-size:24px;line-height:1.25;color:#111827}.vkey-ih-desc{margin:0 0 14px;color:#4b5563;font-size:15px;line-height:1.65;white-space:pre-line}.vkey-ih-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.vkey-ih-badges span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:13px;font-weight:600}.vkey-ih-features{list-style:none;padding:0;margin:0 0 18px}.vkey-ih-features li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid #eef2f7;color:#374151;font-size:15px;line-height:1.45}.vkey-ih-features li::before{content:"✓";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;font-size:13px;font-weight:800;text-align:center;line-height:20px}.vkey-ih-zalo{width:100%;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border-radius:14px;background:#0068ff;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 10px 24px rgb(0 104 255 / .25);transition:transform .18s ease,filter .18s ease}.vkey-ih-zalo:hover{transform:translateY(-1px);filter:brightness(.96)}.vkey-ih-secondary{width:100%;min-height:44px;margin-top:10px;align-items:center;justify-content:center;padding:0 18px;border-radius:14px;background:#f3f4f6;color:#111827!important;text-decoration:none!important;font-weight:700}.vkey-ih-secondary:hover{background:#e5e7eb}html.vkey-ih-page-lock{overflow:hidden}@media (max-width:768px){.vkey-ih-front{margin:16px auto}.vkey-ih-stage{border-radius:16px}.vkey-ih-front:hover .vkey-ih-stage{transform:none}.vkey-ih-dot{width:30px;height:30px}.vkey-ih-dot span{width:16px;height:16px;margin:7px}.vkey-ih-side-panel{top:auto;bottom:0;right:0;left:0;width:100%;height:auto;max-height:88vh;transform:translateY(106%)}.vkey-ih-front.is-panel-open .vkey-ih-side-panel{transform:translateY(0)}.vkey-ih-panel-card{height:auto;max-height:88vh;border-radius:22px 22px 0 0;box-shadow:0 -24px 70px rgb(0 0 0 / .28)}.vkey-ih-close{top:8px;left:calc(100% - 42px)}.vkey-ih-gallery{margin-top:-30px}.vkey-ih-gallery-main{aspect-ratio:16 / 10}.vkey-ih-title{font-size:21px}.vkey-ih-panel-body{padding:16px 16px 22px}}