.car-promo{
--car-bg:#fff;
--car-fg:#111827;
--car-muted:#6b7280;
--car-accent:#6b21a8; /* tmavší fialová */
--car-accent-2:#a855f7; /* světlejší fialová */
font-family: system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
}
.car-promo *{ box-sizing:border-box; }
.car-card{
display:flex; align-items:center; justify-content:space-between; gap:16px;
max-width:760px; margin:16px auto; padding:14px 18px; border-radius:12px;
border:1px solid #e5e7eb; background:var(--car-bg); box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.car-badge{
display:inline-block; padding:4px 8px; border-radius:999px; font-weight:800; font-size:12px;
color:#fff; background:linear-gradient(90deg,var(--car-accent),var(--car-accent-2));
margin-bottom:6px; letter-spacing:.02em;
animation: tipPulse 2.6s ease-in-out infinite;
}
@keyframes tipPulse{
0%,100%{ transform:scale(1); box-shadow:0 0 0 rgba(168,85,247,.35); }
50% { transform:scale(1.08); box-shadow:0 0 10px rgba(168,85,247,.45); }
}
.car-text{ flex:1; min-width:0; }
.car-title{ margin:0; font-weight:800; color:var(--car-fg); font-size:18px; line-height:1.3; }
.car-sub{ margin:6px 0 0; font-size:14px; color:var(--car-muted); }
.car-btn{
text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding:10px 16px; border-radius:999px; font-weight:700; font-size:14px; color:#fff;
background:linear-gradient(90deg,var(--car-accent),var(--car-accent-2));
box-shadow:0 4px 10px rgba(107,33,168,.25);
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, color .2s ease;
white-space:nowrap; will-change:transform;
}
.car-btn:hover{
transform:scale(1.05);
box-shadow:0 8px 16px rgba(107,33,168,.35);
filter:brightness(1.05);
color:#f3e8ff;
}
.car-btn:active{ transform:scale(0.97); }
/* Mobil */
@media (max-width:640px){
.car-card{ flex-direction:column; align-items:stretch; gap:10px; padding:12px 14px; }
.car-title{ font-size:16px; }
.car-btn{ width:100%; white-space:normal; text-align:center; }
}