/* Osnovno */
:root{
  --yellow: #FFD000;       /* tema/pozadina */
  --lightblue: #47BBDB;    /* footer */
  --brown: #3B1F12;
  --text: #1a1a1a;
}
html,body{height:100%}
body{color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}

/* Global */
.bg-yellow{ background:var(--yellow); }
img{max-width:100%; height:auto}

/* =========================================
   NAVBAR (veličine kao u primjeru)
   ========================================= */
.topbar{
  background: var(--yellow);
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.navbar-brand{
  font-weight: 900;
  text-transform: uppercase;
  color: var(--brown) !important;
  font-size: 1.25rem;
  letter-spacing: .3px;
}
.navbar-light .navbar-nav .nav-link{
  color: var(--brown);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .3px;
  padding: .6rem 1rem;
}
.navbar-light .navbar-nav .nav-link:hover{ text-decoration: underline; }

/* HERO */
.hero{ background:var(--yellow); }
.hero-badge{ max-height: 460px; }
.hero-car{ max-height: 360px; margin-top: 0px;}
.hero-dates{ max-height: 80px; }
@media (min-width:992px){
  .hero-badge{ max-height: 520px; }
  .hero-car{ max-height: 420px; margin-top: 100px; }
  .hero-dates{ max-height: 90px; }
}

/* Red ispod hero: tri nagradne slike */
.prize-img{ max-height: 220px; filter: drop-shadow(0 8px 18px rgba(0,0,0,.2)); }

/* Centralni dio 6/12 */
.konzum-logo{ height: 22px; vertical-align: -3px; margin: 0 2px; }

.steps{ display:flex; flex-direction:column; gap:1.25rem; }
.step{ padding:1rem; background:#fff8bf; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.step-num{ width:56px; height:auto; }
.step-title{ text-transform:uppercase; color:var(--brown); font-weight:900; letter-spacing:.3px; margin-bottom:.35rem; }

/* =========================================
   OBRAZAC (žuta pozadina, širina kao u primjeru)
   ========================================= */
.form-section{
  background: var(--yellow);
  color: var(--text);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.form-banner{
  display:inline-block;
  background:#000;
  color:#fff;
  padding:.7rem 1rem;
  border-radius:6px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.form-wrap{ max-width:980px; margin:0 auto; }
.form-frame{
  width:100%;
  min-height:1000px;
  border:0;
}

/* Fineprint */
.fineprint{ font-size:.8rem; line-height:1.35; color:#333; }

/* =========================================
   FOOTER (linkovi bijeli, veličina kao u primjeru)
   ========================================= */
.footer{
  background:var(--lightblue);
  color:#fff;
  font-size:1rem;
}
.footer a{
  color:#fff;
  text-decoration:none;
}
.footer a:hover{ text-decoration:underline; }
.footer ul{
  list-style:none;
  padding:0; margin:0;
  display:flex; gap:1.25rem; flex-wrap:wrap;
}
.footer small{ color:#fff; opacity:.9; }