.hero-section {
  background: var(--bg,#fff);
  text-align:center;
  padding:56px 18px;
  color:var(--text,#222);
  border-radius:10px;
  margin-bottom:20px;
  border:1px solid var(--border,#e0e0e0);
  box-sizing:border-box;
}
.hero-section h2 { font-size:34px; margin-bottom:14px; line-height:1.15; }
.hero-section p { font-size:16px; margin-bottom:18px; color:var(--text,#444); }

.hero-section .buttons { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
@media(max-width:480px){ .hero-section .buttons{flex-direction:column;} }

.hero-section .button {
  font-size:20px;
  font-weight:700;
  color:#fff;
  background: linear-gradient(135deg, var(--btn-start), var(--btn-end));
  padding:12px 26px;
  border-radius:10px;
  text-decoration:none;
  display:inline-block;
  margin-bottom:18px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  transition:transform .06s ease, box-shadow .12s ease;
}
.hero-section .button:hover {
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}

/* --- CTA subtext (manji + blago “blinkanje”) --- */
.hero-section .button .cta-subtext {
  display:block;
  font-size:13px;          /* manji od glavnog */
  font-weight:500;
  margin-top:4px;
  opacity:.9;
  line-height:1.25;
  animation: softBlink 2.4s ease-in-out infinite;
}

/* Ako želiš da se CTA subtext vidi SAMO na mobilu, odkomentariši:
.cta-subtext { display:none; }
@media (max-width:768px){ .cta-subtext { display:block; } }
*/

@keyframes softBlink {
  0%, 100% { opacity: .9; }
  50%      { opacity: .3; }
}

.hero-section .price { font-size:14px; color:#333; }
.hero-section .desktop-info { font-size:15px; color:#666; margin-top:12px; }

@media(min-width:900px){
  .hero-section { padding:48px 22px; }
  .hero-section h2 { font-size:38px; }
}
@media(max-width:480px){
  .hero-section { padding:36px 12px; }
  .hero-section h2 { font-size:26px; }
  .hero-section p { font-size:14px; }
  .hero-section .button { font-size:18px; padding:10px 18px; }
}