.xe-card{display:flex;flex-direction:column;background:var(--xe-card-bg,#fff);border-radius:20px;overflow:hidden;color:var(--xe-ink);text-decoration:none;box-shadow:0 1px 2px #0D14100F,0 0 0 1px #0D14100D;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;-webkit-tap-highlight-color:transparent}
.xe-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -18px #0D141047,0 0 0 1px #0D14100D;color:var(--xe-ink)}
.xe-card:active{transform:scale(.98)}
.xe-card[hidden]{display:none}
.xe-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(150deg,var(--h1),var(--h2))}
.xe-card__bg{position:absolute;left:-12%;top:-12%;width:124%;height:124%;object-fit:cover;opacity:.85}
.xe-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.xe-card:hover .xe-card__img{transform:scale(1.03)}
.xe-card__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#0D141000,#0D141052);pointer-events:none}
.xe-card__art{position:absolute;inset:0;display:grid;place-items:center;color:#FFFFFFE0;background:radial-gradient(circle at 28% 18%,#FFFFFF3D,#FFFFFF00 52%),repeating-linear-gradient(-45deg,#FFFFFF12 0 14px,#FFFFFF00 14px 28px)}
.xe-card__art svg{filter:drop-shadow(0 8px 18px #0D141033)}
.xe-card__badge{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 80px);background:#FFFFFFEB;color:var(--h3);border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xe-card__live{flex:none;width:7px;height:7px;border-radius:50%;background:var(--xe-coral);box-shadow:0 0 0 3px #F2542D33;animation:xe-card-live 1.4s ease-in-out infinite}
@keyframes xe-card-live{50%{opacity:.35}}
.xe-card__cal{position:absolute;right:10px;top:10px;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 6px 5px;background:#fff;border-radius:12px;box-shadow:0 8px 18px -6px #0D141040;line-height:1}
.xe-card__cal b{font-size:18px;font-weight:800;color:var(--xe-ink)}
.xe-card__cal span{font-size:9.5px;font-weight:800;color:var(--h3);letter-spacing:.08em;margin-top:3px}
.xe-card__date{position:absolute;left:10px;bottom:10px;z-index:2;background:#0D1410CC;color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}
.xe-card__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px 14px 14px}
.xe-card__title{font-weight:800;font-size:15px;line-height:1.28;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.56em}
.xe-card__tick{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--xe-teal);color:#fff;margin-left:5px;vertical-align:-2px}
.xe-card__meta{display:flex;align-items:center;gap:5px;min-width:0;font-size:12.5px;color:var(--xe-muted)}
.xe-card__meta svg{flex:none}
.xe-card__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xe-card__bar{height:6px;border-radius:999px;background:#0D14100F;overflow:hidden}
.xe-card__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--h1),var(--h2))}
.xe-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.xe-card__price{min-width:0;font-weight:800;font-size:14px;color:var(--xe-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xe-card__go{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:#fff;background:var(--h3);border-radius:999px;padding:6px 10px}
.xe-card--big{flex:0 0 clamp(196px,58vw,248px);scroll-snap-align:start}