.dc4{perspective:1500px;width:100%;max-width:360px;margin-inline:auto;container-type:inline-size}.dc4__stage{width:100%;height:580px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.dc4[data-flippable=true] .dc4__stage{cursor:pointer}.dc4.is-flipped .dc4__stage{transform:rotateY(180deg)}.dc4:focus-visible{outline:1px solid var(--dc4-tone);outline-offset:4px;border-radius:24px}.dc4__face{backface-visibility:hidden;border:2px solid var(--dc4-tone);color:#f5f2ed;width:100%;height:100%;font-family:var(--font-body-ar,"IBM Plex Sans Arabic"), sans-serif;box-shadow:0 20px 60px var(--dc4-glow);background:#1a1a1a;border-radius:24px;flex-direction:column;padding:28px;display:flex;position:absolute;overflow:hidden}.dc4__face--back{transform:rotateY(180deg)}.dc4[data-tier=gold]{--dc4-tone:#d4b27c;--dc4-glow:#d4b27c33}.dc4[data-tier=silver]{--dc4-tone:#5dcaa5;--dc4-glow:#5dcaa526}.dc4[data-tier=unprovd]{--dc4-tone:#e85d5d;--dc4-glow:#e85d5d33}.dc4[data-tier=unprovd] .dc4__face{opacity:.85}.dc4[data-tier=unprovd] .dc4__price{text-decoration:line-through}.dc4__label{font-family:var(--font-deed-display,"Playfair Display"), serif;letter-spacing:.3em;text-transform:uppercase;color:var(--dc4-tone);margin-bottom:8px;font-size:11px}.dc4__name{font-family:var(--font-deed-display,"Playfair Display"), serif;margin-bottom:6px;font-size:30px;font-weight:700;line-height:1.25}.dc4__brand{color:#c9cfd1;margin-bottom:18px;font-size:16px}.dc4__serial{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.dc4__serial-k{color:#8fa0a4;letter-spacing:.04em;font-size:13px}.dc4__serial-v{font-family:var(--font-deed-mono,"JetBrains Mono"), monospace;color:#e9eef0;letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;font-size:17px}.dc4__cond{color:#c9cfd1;letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:14px;display:inline-block}.dc4__price{font-family:var(--font-deed-mono,"JetBrains Mono"), monospace;color:var(--dc4-tone);direction:ltr;unicode-bidi:isolate;margin-bottom:6px;font-size:34px;font-weight:800}.dc4__pricelabel{color:#8fa0a4;letter-spacing:.12em;margin-bottom:20px;font-size:13px}.dc4__ai{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-top:auto;padding:16px 18px}.dc4__owner{border-bottom:1px solid #ffffff1a;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.dc4__owner-k{color:#8fa0a4;font-size:13px}.dc4__owner-v{font-family:var(--font-deed-mono,"JetBrains Mono"), monospace;color:var(--dc4-tone);letter-spacing:.06em;direction:ltr;unicode-bidi:isolate;font-size:18px;font-weight:500}.dc4__ailabel{letter-spacing:.18em;color:#8fa0a4;margin-bottom:8px;font-size:12px}.dc4__aitext{color:#c9cfd1;font-size:15px;line-height:1.65}.dc4__id{font-family:var(--font-deed-mono,"JetBrains Mono"), monospace;color:#a9b4b7;letter-spacing:.1em;direction:ltr;unicode-bidi:isolate;font-size:14px;position:absolute;bottom:18px;left:28px}.dc4__flip{color:#8a8a8a;letter-spacing:.15em;font-size:10px;position:absolute;bottom:18px;right:28px}.dc4__backtitle{font-family:var(--font-deed-display,"Playfair Display"), serif;letter-spacing:.25em;color:#d4b27c;text-transform:uppercase;margin-bottom:24px;font-size:14px}.dc4__row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dc4__k{color:#8a8a8a;letter-spacing:.1em;font-size:11px}.dc4__v{color:#f5f2ed;font-size:12px;font-family:var(--font-deed-mono,"JetBrains Mono"), monospace}.dc4__v--danger{color:#e85d5d}@media (max-width:400px){.dc4{max-width:100%}}.dc4__face--tpl{box-shadow:none;background:0 0;border:none;padding:0}.dc4__art{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.dc4__fld{white-space:pre-line;margin:0;line-height:1.25;position:absolute}.dc4__fld--pair{justify-content:space-between;align-items:baseline;gap:.6em;display:flex}.dc4__fld--pair .dc4__fld-k{opacity:.62;white-space:nowrap;font-weight:400}.dc4__fld--pair .dc4__fld-v{text-align:end;overflow-wrap:anywhere}.dc4--tpl{--dc4-cw:1124;--dc4-ch:1932;max-width:min(360px, calc(78vh * var(--dc4-cw) / var(--dc4-ch)))}.dc4--tpl .dc4__stage{height:auto;aspect-ratio:var(--dc4-cw) / var(--dc4-ch)}.dc4--tpl .dc4__art{object-fit:contain}
