@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
.exp-card{--exp-primary:#0f172a;--exp-accent-blue:#f97316;--exp-danger-gradient:linear-gradient(135deg,#f97316,#ef4444);--exp-text-main:#0f172a;--exp-text-muted:#64748b;--exp-bg:#ffffff;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;background:var(--exp-bg);border:1px solid rgba(0,0,0,0.04);border-radius:20px;overflow:hidden;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 15px -3px rgba(0,0,0,0.03)}
.exp-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.08);border-color:rgba(37,99,235,0.15)}
.exp-img-wrapper{position:relative;width:100%;aspect-ratio:400/240;overflow:hidden;background:#f8fafc}
.exp-img-wrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,0.05),transparent);pointer-events:none}
.exp-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94)}
.exp-card:hover .exp-img-wrapper img{transform:scale(1.08)}
.exp-urgency-badge{position:absolute;top:14px;left:14px;background:var(--exp-danger-gradient);box-shadow:0 4px 12px rgba(239,68,68,0.35);color:#ffffff;padding:6px 14px;font-size:13px;font-weight:700;border-radius:30px;display:flex;align-items:center;gap:8px;z-index:5;letter-spacing:0.5px}
.exp-pulse-dot{width:6px;height:6px;background-color:#ffffff;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(255,255,255,0.5);animation:exp-pulse-white 1.5s infinite}
@keyframes exp-pulse-white{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.6)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.exp-logo-container{position:relative;height:0;z-index:10}
.exp-logo-img{position:absolute;width:56px;height:56px;background:#ffffff;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,0.08);top:-28px;left:20px;object-fit:contain;padding:4px;border:1px solid rgba(0,0,0,0.03)}
.exp-body{padding:40px 20px 20px 20px;flex-grow:1;display:flex;flex-direction:column}
.exp-title{font-size:14px;color:var(--exp-text-muted);margin-bottom:8px;line-height:1.5;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.exp-discount-text{font-size:18px;font-weight:800;color:var(--exp-text-main);letter-spacing:-0.5px;line-height:1.2}
.exp-brand-info{margin-top:16px;display:inline-flex;align-items:center}
.exp-brand-info a{background:#f1f5f9;color:#475569!important;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all 0.2s ease}
.exp-brand-info a:hover{background:#e2e8f0;color:var(--exp-primary)!important}
.exp-footer{padding:0 20px 20px 20px;background:transparent}
.exp-btn-urgent{background-color:var(--exp-primary);color:#ffffff;font-size:15px;border:none;padding:12px 0;border-radius:12px!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;width:100%}
.exp-btn-urgent:hover{background-color:var(--exp-accent-blue);color:#ffffff;box-shadow:0 8px 20px rgba(37,99,235,0.25);transform:translateY(-2px)}
.exp-btn-urgent i{transition:transform 0.3s ease}
.exp-btn-urgent:hover i{transform:translateX(3px)}