.shop-card { isolation: isolate; }
.real-preview { padding: 0; overflow: hidden; border-radius: 9px 0 0 9px; background: #0c0d0f; }
.real-preview > img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; opacity:.91; transform:scale(1.06); transition:transform 1.3s cubic-bezier(.2,.8,.2,1); }
.shop-card:hover .real-preview > img { transform:scale(1.25) translate(-4%,-2%); }
.real-preview:after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(228,49,49,.25),transparent 48%,rgba(0,0,0,.13)); pointer-events:none; }
.browser-chrome { position:absolute; z-index:2; top:0; left:0; right:0; height:28px; padding:8px 9px; background:rgba(10,10,11,.85); border-bottom:1px solid rgba(255,255,255,.15); }
.browser-chrome i { display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; background:#e43131; }.browser-chrome i:nth-child(2){background:#fff}.browser-chrome i:nth-child(3){background:#ff8d8d}.browser-chrome b { margin-left:5px; color:rgba(255,255,255,.75); font:7px "DM Mono",monospace; font-weight:400; }
.browse-cursor { position:absolute; z-index:4; color:#fff; font:30px Arial,sans-serif; line-height:1; filter:drop-shadow(0 2px 3px #000); animation:cursorBrowse 4.5s ease-in-out infinite; }.cursor-one{left:31%;top:48%}.cursor-two{left:46%;top:42%;animation-delay:-1.2s}
.order-chip { position:absolute; z-index:3; padding:6px 8px; background:#e43131; border-radius:2px; color:#fff; font:8px "DM Mono",monospace; letter-spacing:.5px; box-shadow:0 6px 18px rgba(0,0,0,.4); animation:orderPulse 4.5s ease-in-out infinite; }.chip-one{right:9%;bottom:13%;}.chip-two{right:11%;bottom:18%;animation-delay:-1.2s}
@keyframes cursorBrowse { 0%,18%{transform:translate(0,0) scale(1);opacity:0} 27%,56%{transform:translate(36px,18px) scale(1);opacity:1} 62%{transform:translate(40px,22px) scale(.78);opacity:1} 70%,100%{transform:translate(43px,24px) scale(1);opacity:0} }
@keyframes orderPulse { 0%,52%{opacity:0;transform:translateY(8px) scale(.88)} 62%,84%{opacity:1;transform:translateY(0) scale(1)} 92%,100%{opacity:0;transform:translateY(-4px) scale(.96)} }
.platform-browser {
  position: absolute;
  z-index: 1;
  top: 72px;
  right: -17px;
  width: 55%;
  height: 176px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 8px 0 0 8px;
  background: rgba(3,11,20,.67);
  box-shadow: -18px 21px 45px rgba(0,0,0,.34);
  backdrop-filter: blur(10px);
  transform: perspective(600px) rotateY(-10deg) rotateX(2deg);
  transition: transform .65s cubic-bezier(.2,.8,.2,1), right .65s cubic-bezier(.2,.8,.2,1);
}
.shop-card:hover .platform-browser { right: 5px; transform: perspective(600px) rotateY(0) rotateX(0) translateY(-6px); }
.platform-browser > span { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#88dfff; opacity:.85; }
.platform-browser > span:nth-child(2){background:#fff}.platform-browser > span:nth-child(3){background:#4be3b3}.browser-bar { margin-top:14px; padding:8px 10px; border:1px solid rgba(255,255,255,.17); border-radius:3px; font:8px "DM Mono",monospace; letter-spacing:.4px; color:rgba(255,255,255,.75); }
.browser-lines { display:grid; grid-template-columns:1.4fr 1fr; gap:7px; margin-top:12px; opacity:.75; }
.browser-lines i { display:block; height:70px; border:1px solid rgba(255,255,255,.2); background:linear-gradient(145deg,rgba(48,179,255,.54),transparent 64%); }
.browser-lines i:nth-child(2) { background:linear-gradient(145deg,rgba(42,216,168,.58),transparent 64%); }.browser-lines i:nth-child(3){display:none}
.card-content{max-width:68%}.b2b .card-content{bottom:54px}.b2b .card-content h3{font-size:clamp(34px,3.25vw,52px);line-height:.86}.card-foot{max-width:80%;line-height:1.45}.stats div:nth-child(2) strong:after{content:'M'}.stats div:nth-child(3) strong:after{content:'×'}
@media(max-width:720px){.platform-browser{top:60px;width:62%;height:145px}.browser-lines i{height:48px}.card-content{max-width:85%}.b2b .card-content{bottom:57px}.card-foot{max-width:92%;font-size:8px}.browser-chrome b{font-size:6px}.browse-cursor{font-size:23px}}