.xfd{position:relative;display:grid;grid-template-columns:380px minmax(0,1fr);overflow:hidden;border-radius:28px;background:#0d0d10;border:1px solid #F26B1D;box-shadow:0 30px 60px -30px rgba(242,107,29,.45);color:#fff}
.xfd-console{position:relative;overflow:hidden;padding:34px 30px;background:radial-gradient(120% 90% at 0% 0%,#2a1406 0%,#141418 55%,#0d0d10 100%);border-right:1px solid #2a2a30}
.xfd-console-in{position:relative}
.xfd-circuit{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.25;pointer-events:none}
.xfd-scan{position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(transparent,rgba(242,107,29,.07),transparent);animation:xfd-scan 4s linear infinite;pointer-events:none}
.xfd-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font:700 12px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;background:rgba(255,255,255,.06);color:#fff;border:1px solid #3a3a42}
.xfd-pill i{width:8px;height:8px;border-radius:50%;background:#F26B1D;animation:xfd-blink 1s infinite}
.xfd.is-live .xfd-pill{background:rgba(242,107,29,.15);color:#FF8A3D;border-color:rgba(242,107,29,.5)}
.xfd.is-live .xfd-pill i{background:#22c55e}
.xfd h2{margin:18px 0 6px;font:700 clamp(26px,2.6vw,34px)/1.08 "Space Grotesk",Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.xfd-console p{margin:0 0 22px;color:#c9cdd4;font-size:15px;line-height:1.55}
.xfd-clockbox{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid #2f2f37}
.xfd-clockhead{display:flex;justify-content:space-between;gap:10px;font:700 11.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#9a9ea8}
.xfd-clockhead span:last-child{color:#F26B1D}
.xfd-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.xfd-clock div{padding:12px 4px;border-radius:12px;text-align:center;background:#0d0d10;border:1px solid #2f2f37}
.xfd-clock div.is-hot{background:#F26B1D;border-color:#F26B1D;color:#111114}
.xfd-clock b{display:block;font:700 30px/1 "JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.xfd-clock small{display:block;margin-top:6px;font:700 10px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;opacity:.7}
.xfd-used{margin-top:14px}
.xfd-used div{display:flex;justify-content:space-between;font-size:12.5px;color:#9a9ea8}
.xfd-used i,.xfd-bar{display:block;height:6px;margin-top:6px;border-radius:6px;background:#2a2a30;overflow:hidden}
.xfd-used b,.xfd-bar b{display:block;height:100%;background:linear-gradient(90deg,#F26B1D,#FFB37A);transition:width .6s}
.xfd-cta{display:inline-flex;align-items:center;min-height:52px;margin-top:22px;padding:0 22px;border-radius:14px;font-weight:700;text-decoration:none;background:#F26B1D;color:#111114}
.xfd-cta.is-light{background:#fff;color:#111114}
.xfd-cta:hover{filter:brightness(1.05)}
.xfd-cta:focus-visible,.xfd-btn:focus-visible,.xfd-viewport:focus-visible{outline:2px solid #FF8A3D;outline-offset:2px}
.xfd p.xfd-note{margin:14px 0 0;font-size:12.5px;color:#8a8f98}

.xfd-viewport{position:relative;min-width:0;overflow-x:auto;overflow-y:hidden;padding:30px 0;background:linear-gradient(180deg,#121216,#0d0d10);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.xfd-viewport::-webkit-scrollbar{display:none}
.xfd-track{display:flex;gap:16px;width:max-content;padding:0 24px}
.xfd::after{content:"";position:absolute;right:0;top:0;bottom:0;width:56px;pointer-events:none;background:linear-gradient(270deg,#0d0d10,transparent)}
.xfd-card{position:relative;width:236px;flex:none;border-radius:20px;background:#17171c;border:1px solid #2a2a30;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.xfd-card:hover,.xfd-card:focus-within{transform:translateY(-6px);border-color:#F26B1D;box-shadow:0 22px 40px -18px rgba(242,107,29,.55)}
.xfd-media{position:relative;display:grid;place-items:center;height:196px;background:#f4f2ee;overflow:hidden}
.xfd-media img{width:100%;height:100%;object-fit:cover}
.xfd-off{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#F26B1D;color:#111114;font:700 11px "JetBrains Mono",ui-monospace,monospace}
.xfd-out{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,13,16,.65);font:700 20px "Space Grotesk",sans-serif;letter-spacing:.1em;color:#fff}
.xfd-body{padding:14px 14px 16px}
.xfd-body h3{height:40px;margin:0;overflow:hidden;font:600 14px/1.4 Inter,"Hind Siliguri",sans-serif;color:#fff}
.xfd-body h3 a{color:inherit;text-decoration:none}
.xfd-body h3 a:hover{color:#FF8A3D}
.xfd-price{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.xfd-price b{font:700 22px "JetBrains Mono",ui-monospace,monospace;color:#FF8A3D}
.xfd-price del{color:#6b7079;font-size:13px}
.xfd-price.is-q{font:700 20px "JetBrains Mono",ui-monospace,monospace;color:#FF8A3D;margin-top:14px}
.xfd-sold{display:flex;justify-content:space-between;gap:6px;margin-top:10px;font-size:11.5px;color:#9a9ea8}
.xfd-bar{margin-top:5px}
.xfd-card.is-out .xfd-bar b{background:#6b7079}
.xfd-body form{margin:0}
.xfd-btn{display:block;width:100%;min-height:40px;margin-top:12px;border:0;border-radius:12px;background:#fff;color:#111114;font:700 14px Inter,sans-serif;cursor:pointer}
.xfd-btn:hover{background:#F26B1D}
.xfd-btn:disabled{background:#2a2a30;color:#8a8f98;cursor:not-allowed}
.xfd-q{background:repeating-linear-gradient(135deg,#1b1b20 0 12px,#18181d 12px 24px)}
.xfd-qmark{font:700 104px/1 "Space Grotesk",sans-serif;color:#F26B1D;text-shadow:0 0 24px rgba(242,107,29,.5);animation:xfd-pulse 1.8s ease-in-out infinite,xfd-glitch 3.2s infinite}
.xfd-lock{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:999px;border:1px solid #F26B1D;color:#F26B1D;font:700 11px "JetBrains Mono",ui-monospace,monospace}
.xfd-ghost{display:block;height:14px;width:80%;border-radius:6px;background:#2a2a30}
.xfd-ghost.is-short{width:55%;margin-top:8px}
.xfd-hint{margin-top:6px;font-size:12px;color:#9a9ea8;min-height:16px}
.xfd-unlock{display:grid;place-items:center;min-height:40px;margin-top:12px;border-radius:12px;border:1px dashed #3f3f46;font:700 12px "JetBrains Mono",ui-monospace,monospace;color:#9a9ea8;font-variant-numeric:tabular-nums}

@keyframes xfd-scan{from{transform:translateY(-100%)}to{transform:translateY(300%)}}
@keyframes xfd-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes xfd-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes xfd-glitch{0%,90%,100%{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,0)}}

@media (max-width:900px){
  .xfd{grid-template-columns:minmax(0,1fr);border-radius:22px}
  .xfd-console{padding:24px 18px;border-right:0;border-bottom:1px solid #2a2a30}
  .xfd-console p{margin-bottom:16px;font-size:14px}
  .xfd-clock b{font-size:24px}
  .xfd-viewport{padding:20px 0}
  .xfd-track{gap:12px;padding:0 16px}
  .xfd-card{width:184px}
  .xfd-media{height:150px}
  .xfd-qmark{font-size:80px}
  .xfd-price b{font-size:18px}
  .xfd::after{display:none}
  .xfd-cta{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .xfd-scan,.xfd-qmark,.xfd-pill i{animation:none}
  .xfd-card{transition:none}
  .xfd-card:hover{transform:none}
}