.marketing-box {background-color: #f2f2f2;color: #000;padding: 20px;text-align: center;margin-top: auto;border-radius: 25px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);max-width: 800px;margin-left: auto;margin-right: auto;}
.radio-logo {width: 70px;height: 70px;object-fit: contain;border-radius: 5px;margin: 10px 0;}
.centrirano {text-align: center;margin-top: 15px;}
.error {color: red;font-size: 0.9em;}
.section-title {text-align: center;margin: 30px 0 20px;font-size: 1.8rem;font-weight: 600;color: #333;}
.popular-stations {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;list-style: none;padding: 0;margin: 0 auto 40px;max-width: 900px;}
.station-item {background-color: #f9f9f9;border-radius: 10px;padding: 12px 15px;display: flex;
align-items: center;gap: 10px;transition: box-shadow 0.2s ease, transform 0.2s ease;opacity: 0;
transform: translateY(20px);animation: fadeInUp 0.6s ease forwards;}
.station-item:nth-child(1) { animation-delay: 0.1s; }
.station-item:nth-child(2) { animation-delay: 0.2s; }
.station-item:nth-child(3) { animation-delay: 0.3s; }
.station-item:nth-child(4) { animation-delay: 0.4s; }
.station-item:nth-child(5) { animation-delay: 0.5s; }
.station-item:nth-child(6) { animation-delay: 0.6s; }
.station-item:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.15);transform: translateY(-3px);}
.station-link {display: flex;align-items: center;gap: 10px;text-decoration: none;color: #000;width: 100%;}
.station-logo {width: 70px;height: 70px;object-fit: contain;border-radius: 5px;}
.station-name {font-size: 1rem;font-weight: 500;}
@media (max-width: 600px) {
  .popular-stations {grid-template-columns: 1fr;max-width: 400px;justify-content: center;}
  .station-item {justify-content: center;text-align: center;}
  .station-link {flex-direction: column;}
  .station-logo {width: 60px;height: 60px;}
}
/* 🔹 Animacija pojavljivanja (fade + slide up) */
@keyframes fadeInUp {
  from {opacity: 0;transform: translateY(20px);}
  to {opacity: 1;transform: translateY(0);}
}