*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --sds-zaglavlje-visina: 120px;
  --sds-glavni-gradient: linear-gradient(135deg, #ff6b6b 0%, #f7a072 50%, #f6c28b 100%);
  --sds-sekundarni-gradient: linear-gradient(45deg, #ffe3a3 0%, #fbc687 50%, #f7a072 100%);
  --sds-tercijarni-gradient: linear-gradient(120deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
  --sds-naslovna-boja: #3d2a22;
  --sds-tekst-boja: #4f3d31;
  --sds-pozadina-prozirna: rgba(255, 255, 255, 0.85);
  --sds-sjena-blaga: 0 4px 6px rgba(0, 0, 0, 0.1);
  --sds-sjena-jaka: 0 10px 20px rgba(0, 0, 0, 0.15);
  --sds-prijelaz-brz: 0.3s ease;
  --sds-prijelaz-spor: 0.6s ease;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--sds-tekst-boja);
  line-height: 1.6;
  position: relative;
  min-height: 100vh;
}

.sds_pozadina-slike {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/sds-core/sds-imgs/fon.webp') no-repeat center center;
  background-size: cover;
  z-index: -1;
}

.sds_zaglavlje {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  padding: 1rem 0;
  box-shadow: var(--sds-sjena-blaga);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.sds_zaglavlje-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 1rem;
}

.sds_zaglavlje-gornji-dio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.sds_logo-podrucje {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sds_ikona-naslov {
  font-size: 2rem;
  background: var(--sds-glavni-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sds_naslov-stranice {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--sds-naslovna-boja);
}

.sds_navigacija-izbornik {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}

.sds_navigacija-poveznica {
  text-decoration: none;
  color: var(--sds-tekst-boja);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  transition: var(--sds-prijelaz-brz);
  padding: 0.5rem 0.8rem;
  border-radius: 4px;
}

.sds_navigacija-poveznica:hover {
  background: var(--sds-glavni-gradient);
  color: white;
  transform: translateY(-2px);
}

.sds_zaglavlje-donji-dio {
  text-align: center;
}

.sds_odgovorna-igra-tekst {
  font-size: 0.9rem;
  color: #7f8c8d;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.sds_glavni-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sds_dobrodoslica-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
  text-align: center;
}

.sds_dobrodoslica-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.5rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 1.5rem;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_dobrodoslica-opis {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.sds_disklejmer-obavijest {
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.sds_prednosti-kartice {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.sds_prednost-stavka {
  background: white;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: var(--sds-sjena-blaga);
  flex: 1;
  min-width: 200px;
  max-width: 250px;
  transition: var(--sds-prijelaz-brz);
}

.sds_prednost-stavka:hover {
  transform: translateY(-5px);
  box-shadow: var(--sds-sjena-jaka);
}

.sds_prednost-ikona {
  font-size: 2.5rem;
  background: var(--sds-glavni-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}

.sds_prednost-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.3rem;
  margin-bottom: 0.8rem;
  color: var(--sds-naslovna-boja);
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_prednost-opis {
  font-size: 0.95rem;
}

.sds_poziv-akcija {
  display: inline-block;
  background: var(--sds-glavni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_poziv-akcija:hover {
  transform: translateY(-3px);
  box-shadow: var(--sds-sjena-jaka);
}

.sds_platforme-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_platforme-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.2rem;
  color: var(--sds-naslovna-boja);
  text-align: center;
  margin-bottom: 1rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_platforme-opis {
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 1.1rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.sds_platforme-lista {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sds_platforma-kartica {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--sds-sjena-blaga);
  transition: var(--sds-prijelaz-brz);
  padding: 2rem;
}

.sds_platforma-kartica:hover {
  transform: translateY(-5px);
  box-shadow: var(--sds-sjena-jaka);
}

.sds_platforma-vrsta-oznaka {
  display: inline-block;
  background: var(--sds-sekundarni-gradient);
  color: white;
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.sds_platforma-gornji-dio {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.sds_platforma-logo img {
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 60px;
}

.sds_platforma-osnovno {
  flex: 1;
}

.sds_platforma-naziv {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.8rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 0.5rem;
}

.sds_platforma-ocjena {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sds_ocjena-broj {
  font-weight: 600;
  font-size: 1.2rem;
}

.sds_ocjena-zvijezde {
  color: #f39c12;
}

.sds_platforma-prednosti {
  margin-bottom: 1.5rem;
}

.sds_platforma-prednost {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #27ae60;
}

.sds_platforma-placanja {
  margin-bottom: 1.5rem;
}

.sds_placanja-lista {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.sds_placanje-opcija {
  background: #f8f9fa;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  font-size: 0.8rem;
  border: 1px solid #e9ecef;
}

.sds_platforma-poveznica {
  display: inline-block;
  background: var(--sds-glavni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.7rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
}

.sds_platforma-poveznica:hover {
  transform: translateY(-2px);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_onama-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_onama-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.2rem;
  color: var(--sds-naslovna-boja);
  text-align: center;
  margin-bottom: 2.5rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_onama-blokovi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.sds_onama-blok {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sds_onama-slika-okvir {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_onama-slika-okvir img {
  width: 100%;
  max-width: 350px;
  height: 100%;
  max-height: 350px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sds_onama-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.6rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 1rem;
  min-height: 60px;
  display: flex;
  align-items: center;
}

.sds_onama-opis {
  margin-bottom: 1.5rem;
}

.sds_onama-prednosti {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.sds_onama-prednost-stavka {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

.sds_onama-prednost-stavka i {
  color: #f28482;
}

.sds_onama-disklejmer {
  background: #fff2de;
  border: 1px solid #ffe3cf;
  border-radius: 6px;
  padding: 1rem;
  font-size: 0.9rem;
}

.sds_onama-poveznica {
  display: inline-block;
  background: var(--sds-sekundarni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
  margin: 0 auto;
  display: table;
}

.sds_onama-poveznica:hover {
  transform: translateY(-3px);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_pitanja-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_pitanja-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.2rem;
  color: var(--sds-naslovna-boja);
  text-align: center;
  margin-bottom: 2.5rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_pitanja-blokovi {
  display: flex;
  gap: 2rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.sds_pitanja-blok {
  flex: 1;
  min-width: 286px;
}

.sds_pitanja-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.4rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 1.5rem;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.sds_pitanja-lista {
  margin-bottom: 1.5rem;
}

.sds_pitanje-stavka {
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 1rem;
}

.sds_pitanje-naslov {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  cursor: pointer;
  font-weight: 600;
}

.sds_pitanje-ikona {
  color: #f28482;
  transition: var(--sds-prijelaz-brz);
}

.sds_pitanje-odgovor {
  display: none;
  padding: 0 0 1rem 0;
}

.sds_pitanja-disklejmer {
  background: #fff2de;
  border: 1px solid #ffe3cf;
  border-radius: 6px;
  padding: 1rem;
  font-size: 0.9rem;
}

.sds_pitanja-poveznice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.sds_pitanja-email {
  color: var(--sds-tekst-boja);
  text-decoration: none;
  font-weight: 600;
}

.sds_pitanja-dodatna {
  display: inline-block;
  background: var(--sds-tercijarni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.7rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
}

.sds_pitanja-dodatna:hover {
  transform: translateY(-3px);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_odgovorna-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_odgovorna-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.2rem;
  color: var(--sds-naslovna-boja);
  text-align: center;
  margin-bottom: 2rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_odgovorna-tekst {
  margin-bottom: 2.5rem;
}

.sds_odgovorna-tekst p {
  margin-bottom: 1rem;
}

.sds_odgovorna-kontakti {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
}

.sds_odgovorna-kontakti p {
  margin-bottom: 0.5rem;
}

.sds_odgovorna-kontakti a {
  color: var(--sds-tekst-boja);
  text-decoration: none;
}

.sds_odgovorna-poveznice {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.sds_odgovorna-poveznica-kartica {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(25, 25, 25, 0.51);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: var(--sds-sjena-blaga);
  transition: var(--sds-prijelaz-brz);
}

.sds_odgovorna-poveznica-kartica:hover {
  transform: translateY(-5px);
  box-shadow: var(--sds-sjena-jaka);
}

.sds_odgovorna-poveznica-kartica img {
  display: block;
}

.sds_odgovorna-dobna-oznaka {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  padding: 1rem;
  box-shadow: var(--sds-sjena-blaga);
}

.sds_odgovorna-poveznica {
  display: inline-block;
  background: var(--sds-glavni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
  margin: 0 auto;
  display: table;
}

.sds_odgovorna-poveznica:hover {
  transform: translateY(-3px);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_pogodnosti-sekcija {
  background: var(--sds-pozadina-prozirna);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: var(--sds-sjena-jaka);
  text-align: center;
}

.sds_pogodnosti-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.2rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 1rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_pogodnosti-opis {
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.sds_pogodnosti-kartice {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.sds_pogodnost-kartica {
  background: white;
  border-radius: 10px;
  padding: 2rem 1.5rem;
  box-shadow: var(--sds-sjena-blaga);
  flex: 1;
  min-width: 220px;
  max-width: 250px;
  transition: var(--sds-prijelaz-brz);
}

.sds_pogodnost-kartica:hover {
  transform: translateY(-5px);
  box-shadow: var(--sds-sjena-jaka);
}

.sds_pogodnost-ikona {
  font-size: 2.5rem;
  background: var(--sds-sekundarni-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}

.sds_pogodnost-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.3rem;
  margin-bottom: 0.8rem;
  color: var(--sds-naslovna-boja);
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sds_pogodnost-opis {
  font-size: 0.95rem;
}

.sds_pogodnosti-poveznica {
  display: inline-block;
  background: var(--sds-tercijarni-gradient);
  color: white;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  transition: var(--sds-prijelaz-brz);
}

.sds_pogodnosti-poveznica:hover {
  transform: translateY(-3px);
  box-shadow: var(--sds-sjena-blaga);
}

.sds_podnozje {
  background: rgba(61, 42, 34, 0.9);
  backdrop-filter: blur(10px);
  color: white;
  padding: 3rem 0 1.5rem;
}

.sds_podnozje-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 0.2rem;
}

.sds_podnozje-gornji-dio {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 2rem;
}

.sds_podnozje-lijevo {
  flex: 1;
  min-width: 286px;
}

.sds_podnozje-naslov {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.sds_podnozje-ikona {
  font-size: 1.8rem;
  color: #f28482;
}

.sds_podnozje-ime {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.5rem;
}

.sds_podnozje-opis {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #bdc3c7;
}

.sds_podnozje-email {
  color: #f28482;
  text-decoration: none;
}

.sds_podnozje-navigacija {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.sds_podnozje-poveznica {
  color: #bdc3c7;
  text-decoration: none;
  transition: var(--sds-prijelaz-brz);
}

.sds_podnozje-poveznica:hover {
  color: white;
}

.sds_podnozje-sredina {
  text-align: center;
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #4f3d31;
}

.sds_podnozje-autorska-prava {
  margin-bottom: 0.5rem;
}

.sds_podnozje-disklejmer {
  font-size: 0.8rem;
  color: #95a5a6;
}

.sds_podnozje-donji-dio {
  padding-top: 1.5rem;
  border-top: 1px solid #4f3d31;
}

.sds_podnozje-partneri {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.sds_podnozje-partner-poveznica {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.51);
  border-radius: 8px;
  padding: 0.8rem;
  transition: var(--sds-prijelaz-brz);
}

.sds_podnozje-partner-poveznica:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
}

.sds_podnozje-partner-poveznica img {
  display: block;
}

.sds_podnozje-dobna-oznaka {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 0.8rem;
}

.sds_kolacici-obavijest {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(61, 42, 34, 0.95);
  color: white;
  padding: 1rem;
  display: none;
  z-index: 2000;
}

.sds_kolacici-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.sds_kolacici-tekst {
  flex: 1;
  min-width: 286px;
}

.sds_kolacici-tekst a {
  color: #f28482;
  text-decoration: none;
}

.sds_kolacici-gumb {
  background: #f28482;
  color: white;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
  cursor: pointer;
  transition: var(--sds-prijelaz-brz);
}

.sds_kolacici-gumb:hover {
  background: #e76f51;
}

.sds_dobna-proviera-obavijest {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.92);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 3000;
  overflow-y: auto;
}

.sds_dobna-proviera-sadrzaj {
  background: white;
  border-radius: 15px;
  padding: 3rem;
  max-width: 500px;
  width: 90%;
  text-align: center;
  box-shadow: var(--sds-sjena-jaka);
}

.sds_dobna-proviera-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2rem;
  color: var(--sds-naslovna-boja);
  margin-bottom: 1.5rem;
}

.sds_dobna-proviera-tekst {
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

.sds_dobna-proviera-gumbi {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.sds_dobna-proviera-potvrda {
  background: #27ae60;
  color: white;
  border: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--sds-prijelaz-brz);
}

.sds_dobna-proviera-potvrda:hover {
  background: #219653;
  transform: translateY(-2px);
}

.sds_dobna-proviera-odustani {
  background: #e74c3c;
  color: white;
  border: none;
  padding: 0.8rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--sds-prijelaz-brz);
}

.sds_dobna-proviera-odustani:hover {
  background: #c0392b;
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .sds_onama-blokovi {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  
  .sds_pitanja-blokovi {
    justify-content: center;
  }
  
  .sds_pitanja-blok {
    min-width: 45%;
  }
}

@media (max-width: 768px) {
  .sds_zaglavlje-gornji-dio {
    flex-direction: column;
    gap: 1rem;
  }
  
  .sds_navigacija-izbornik {
    width: 100%;
    justify-content: space-around;
  }
  
  .sds_dobrodoslica-naslov {
    font-size: 2rem;
    min-height: 100px;
  }
  
  .sds_platforme-naslov,
  .sds_onama-naslov,
  .sds_pitanja-naslov,
  .sds_odgovorna-naslov,
  .sds_pogodnosti-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sds_prednosti-kartice,
  .sds_pogodnosti-kartice {
    flex-direction: column;
    align-items: center;
  }
  
  .sds_prednost-stavka,
  .sds_pogodnost-kartica {
    max-width: 100%;
    width: 100%;
  }
  
  .sds_platforma-gornji-dio {
    flex-direction: column;
    text-align: center;
  }
  
  .sds_pitanja-blok {
    min-width: 100%;
  }
  
  .sds_odgovorna-poveznice {
    flex-direction: column;
  }
  
  .sds_podnozje-gornji-dio {
    flex-direction: column;
    text-align: center;
  }
  
  .sds_podnozje-naslov {
    justify-content: center;
  }
  
  .sds_kolacici-sadrzaj {
    flex-direction: column;
    text-align: center;
  }
  
  .sds_dobna-proviera-sadrzaj {
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 480px) {
  .sds_glavni-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sds_dobrodoslica-sekcija,
  .sds_platforme-sekcija,
  .sds_onama-sekcija,
  .sds_pitanja-sekcija,
  .sds_odgovorna-sekcija,
  .sds_pogodnosti-sekcija {
    padding: 2rem 1rem;
    border-radius: 10px;
  }
  
  .sds_dobrodoslica-naslov {
    font-size: 1.7rem;
    min-height: 90px;
  }
  
  .sds_platforme-naslov,
  .sds_onama-naslov,
  .sds_pitanja-naslov,
  .sds_odgovorna-naslov,
  .sds_pogodnosti-naslov {
    font-size: 1.6rem;
    min-height: 60px;
  }
  
  .sds_navigacija-izbornik {
    gap: 0.4rem;
  }
  
  .sds_platforma-kartica {
    padding: 1.5rem 1rem;
  }
  
  .sds_placanja-lista {
    justify-content: center;
  }
  
  .sds_onama-prednosti {
    grid-template-columns: 1fr;
  }
  
  .sds_podnozje-partneri {
    flex-direction: column;
  }
  
  .sds_dobna-proviera-gumbi {
    flex-direction: column;
  }
}

@media (max-width: 320px) {
  .sds_zaglavlje-sadrzaj,
  .sds_glavni-sadrzaj,
  .sds_podnozje-sadrzaj {
    padding: 0 0.1rem;
  }
  
  .sds_dobrodoslica-sekcija,
  .sds_platforme-sekcija,
  .sds_onama-sekcija,
  .sds_pitanja-sekcija,
  .sds_odgovorna-sekcija,
  .sds_pogodnosti-sekcija {
    padding: 1.5rem 0.5rem;
  }
  
  .sds_dobrodoslica-naslov {
    font-size: 1.5rem;
  }
  
  .sds_platforme-naslov,
  .sds_onama-naslov,
  .sds_pitanja-naslov,
  .sds_odgovorna-naslov,
  .sds_pogodnosti-naslov {
    font-size: 1.4rem;
  }
  
  .sds_prednost-naslov,
  .sds_pogodnost-naslov {
    min-height: 50px;
    font-size: 1.2rem;
  }
  
  .sds_onama-podnaslov {
    min-height: 50px;
    font-size: 1.3rem;
  }
  
  .sds_pitanja-podnaslov {
    min-height: 40px;
    font-size: 1.2rem;
  }
}

.sdspages-privatnost-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-privatnost-uvod {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-privatnost-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-privatnost-uvodni-tekst {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.7;
}

.sdspages-privatnost-tocke {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-privatnost-stavke {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.sdspages-privatnost-stavka {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  padding: 2rem;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  border-radius: 12px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.sdspages-privatnost-stavka:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.sdspages-privatnost-ikona-okvir {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
}

.sdspages-privatnost-ikona {
  font-size: 2rem;
  color: white;
}

.sdspages-privatnost-tekst {
  flex: 1;
}

.sdspages-privatnost-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.6rem;
  color: white;
  margin-bottom: 1rem;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.sdspages-privatnost-tekst p {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
  font-size: 1.1rem;
}

.sdspages-privatnost-obavijest {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-privatnost-upozorenje {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 1.5rem;
}

.sdspages-privatnost-upozorenje-ikona {
  font-size: 1.5rem;
  color: #856404;
  flex-shrink: 0;
}

.sdspages-privatnost-upozorenje p {
  color: #856404;
  margin: 0;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .sdspages-privatnost-uvod {
    padding: 2rem 1rem;
  }
  
  .sdspages-privatnost-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-privatnost-stavka {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
  }
  
  .sdspages-privatnost-ikona-okvir {
    margin: 0 auto;
  }
  
  .sdspages-privatnost-upozorenje {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .sdspages-privatnost-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-privatnost-uvod,
  .sdspages-privatnost-tocke,
  .sdspages-privatnost-obavijest {
    padding: 1.5rem 1rem;
    border-radius: 10px;
  }
  
  .sdspages-privatnost-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-privatnost-podnaslov {
    font-size: 1.3rem;
    min-height: 40px;
  }
}

.sdspages-uvjeti-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-uvjeti-uvod {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-uvjeti-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-uvjeti-uvodni-tekst {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.7;
}

.sdspages-uvjeti-sadrzaj-sekcija {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-uvjeti-lista {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.sdspages-uvjeti-clanak {
  display: flex;
  gap: 2rem;
  padding: 2.5rem;
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
  border-radius: 15px;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.sdspages-uvjeti-clanak::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}

.sdspages-uvjeti-clanak:hover::before {
  left: 100%;
}

.sdspages-uvjeti-clanak:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.sdspages-uvjeti-ikona-wrapper {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
}

.sdspages-uvjeti-ikona {
  font-size: 1.8rem;
  color: white;
}

.sdspages-uvjeti-tekst-wrapper {
  flex: 1;
}

.sdspages-uvjeti-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.5rem;
  color: white;
  margin-bottom: 1rem;
  min-height: 45px;
  display: flex;
  align-items: center;
}

.sdspages-uvjeti-tekst-wrapper p {
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.7;
  font-size: 1.05rem;
}

.sdspages-uvjeti-napomena {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-uvjeti-upozorenje {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  border-radius: 10px;
  padding: 1.5rem;
}

.sdspages-uvjeti-upozorenje-ikona {
  font-size: 1.8rem;
  color: #155724;
  flex-shrink: 0;
}

.sdspages-uvjeti-upozorenje p {
  color: #155724;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}

@media (max-width: 768px) {
  .sdspages-uvjeti-uvod {
    padding: 2rem 1rem;
  }
  
  .sdspages-uvjeti-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-uvjeti-clanak {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
  
  .sdspages-uvjeti-ikona-wrapper {
    margin: 0 auto;
  }
  
  .sdspages-uvjeti-upozorenje {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .sdspages-uvjeti-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-uvjeti-uvod,
  .sdspages-uvjeti-sadrzaj-sekcija,
  .sdspages-uvjeti-napomena {
    padding: 1.5rem 1rem;
    border-radius: 10px;
  }
  
  .sdspages-uvjeti-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-uvjeti-podnaslov {
    font-size: 1.3rem;
    min-height: 40px;
  }
  
  .sdspages-uvjeti-clanak {
    padding: 1.5rem;
  }
}

.sdspages-kolacici-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-kolacici-uvod {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-kolacici-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ffe3a3 0%, #fbc687 50%, #f7a072 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-kolacici-uvodni-tekst {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.7;
}

.sdspages-kolacici-tocke {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-kolacici-stavke {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sdspages-kolacici-stavka {
  display: flex;
  gap: 2rem;
  padding: 2.5rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  border-radius: 15px;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.sdspages-kolacici-stavka:nth-child(even) {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.sdspages-kolacici-stavka:hover {
  transform: translateX(10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.sdspages-kolacici-broj-okvir {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.sdspages-kolacici-broj {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}

.sdspages-kolacici-tekst {
  flex: 1;
}

.sdspages-kolacici-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.5rem;
  color: white;
  margin-bottom: 1rem;
  min-height: 45px;
  display: flex;
  align-items: center;
}

.sdspages-kolacici-tekst p {
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.7;
  font-size: 1.05rem;
}

.sdspages-kolacici-upozorenje {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-kolacici-obavijest {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background: #fff1e6;
  border: 1px solid #ffe3c7;
  border-radius: 10px;
  padding: 2rem;
}

.sdspages-kolacici-obavijest-ikona {
  font-size: 2rem;
  color: #d87a2d;
  flex-shrink: 0;
}

.sdspages-kolacici-obavijest-tekst {
  flex: 1;
}

.sdspages-kolacici-obavijest-tekst p {
  color: #d87a2d;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.sdspages-kolacici-obavijest-tekst a {
  color: #b3541e;
  text-decoration: none;
  font-weight: 500;
}

.sdspages-kolacici-obavijest-tekst a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .sdspages-kolacici-uvod {
    padding: 2rem 1rem;
  }
  
  .sdspages-kolacici-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-kolacici-stavka {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
  
  .sdspages-kolacici-broj-okvir {
    margin: 0 auto;
  }
  
  .sdspages-kolacici-obavijest {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .sdspages-kolacici-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-kolacici-uvod,
  .sdspages-kolacici-tocke,
  .sdspages-kolacici-upozorenje {
    padding: 1.5rem 1rem;
    border-radius: 10px;
  }
  
  .sdspages-kolacici-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-kolacici-podnaslov {
    font-size: 1.3rem;
    min-height: 40px;
  }
  
  .sdspages-kolacici-stavka {
    padding: 1.5rem;
  }
}

.sdspages-odgovorna-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-odgovorna-uvod {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-odgovorna-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-odgovorna-uvodni-tekst {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.7;
}

.sdspages-odgovorna-savjeti {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-odgovorna-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.sdspages-odgovorna-kartica {
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  border-radius: 15px;
  padding: 2.5rem;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.sdspages-odgovorna-kartica:nth-child(even) {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.sdspages-odgovorna-kartica:nth-child(3n) {
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
}

.sdspages-odgovorna-kartica:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.sdspages-odgovorna-ikona-wrapper {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.sdspages-odgovorna-ikona {
  font-size: 2rem;
  color: white;
}

.sdspages-odgovorna-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.4rem;
  color: white;
  margin-bottom: 1rem;
  min-height: 60px;
  display: flex;
  align-items: center;
}

.sdspages-odgovorna-kartica p {
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.7;
  font-size: 1rem;
}

.sdspages-odgovorna-kontakti {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-odgovorna-hitna-pomoc {
  text-align: center;
}

.sdspages-odgovorna-kontakt-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2rem;
  color: #3d2a22;
  margin-bottom: 2rem;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-odgovorna-brojovi {
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
}

.sdspages-odgovorna-broj-stavka {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 2rem;
  background: linear-gradient(135deg, #ffe3a3 0%, #fbc687 100%);
  border-radius: 10px;
  min-width: 200px;
  transition: transform 0.3s ease;
}

.sdspages-odgovorna-broj-stavka:hover {
  transform: translateY(-5px);
}

.sdspages-odgovorna-broj-stavka i {
  font-size: 1.5rem;
  color: #27ae60;
}

.sdspages-odgovorna-broj-stavka h3 {
  margin: 0 0 0.3rem 0;
  color: #3d2a22;
  font-size: 1rem;
}

.sdspages-odgovorna-broj-stavka a {
  color: #27ae60;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
}

.sdspages-odgovorna-broj-stavka a:hover {
  text-decoration: underline;
}

.sdspages-odgovorna-obavijest {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-odgovorna-upozorenje {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 1.5rem;
}

.sdspages-odgovorna-upozorenje-ikona {
  font-size: 1.5rem;
  color: #856404;
  flex-shrink: 0;
}

.sdspages-odgovorna-upozorenje p {
  color: #856404;
  margin: 0;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .sdspages-odgovorna-uvod {
    padding: 2rem 1rem;
  }
  
  .sdspages-odgovorna-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-odgovorna-lista {
    grid-template-columns: 1fr;
  }
  
  .sdspages-odgovorna-kartica {
    padding: 2rem;
    text-align: center;
  }
  
  .sdspages-odgovorna-ikona-wrapper {
    margin: 0 auto 1.5rem;
  }
  
  .sdspages-odgovorna-brojovi {
    flex-direction: column;
    align-items: center;
  }
  
  .sdspages-odgovorna-upozorenje {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .sdspages-odgovorna-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-odgovorna-uvod,
  .sdspages-odgovorna-savjeti,
  .sdspages-odgovorna-kontakti,
  .sdspages-odgovorna-obavijest {
    padding: 1.5rem 1rem;
    border-radius: 10px;
  }
  
  .sdspages-odgovorna-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-odgovorna-podnaslov {
    font-size: 1.2rem;
    min-height: 50px;
  }
  
  .sdspages-odgovorna-kontakt-naslov {
    font-size: 1.6rem;
    min-height: 50px;
  }
  
  .sdspages-odgovorna-kartica {
    padding: 1.5rem;
  }
}

.sdspages-onas-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-onas-put-sekcija {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-onas-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-onas-put-sadrzaj {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.sdspages-onas-svg-animacija {
  width: 100%;
  max-width: 600px;
}

.sdspages-onas-put-svg {
  width: 100%;
  height: auto;
}

.sdspages-onas-put-crta {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: sdspages-crta-animacija 3s ease-in-out forwards;
}

.sdspages-onas-put-tocka {
  opacity: 0;
  animation: sdspages-tocka-animacija 0.5s ease-in-out forwards;
}

.sdspages-onas-tocka-1 { animation-delay: 0.5s; }
.sdspages-onas-tocka-2 { animation-delay: 1s; }
.sdspages-onas-tocka-3 { animation-delay: 1.5s; }
.sdspages-onas-tocka-4 { animation-delay: 2s; }

.sdspages-onas-put-oznaka {
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  animation: sdspages-oznaka-animacija 0.5s ease-in-out forwards;
}

.sdspages-onas-tocka-1 + text { animation-delay: 0.7s; }
.sdspages-onas-tocka-2 + text { animation-delay: 1.2s; }
.sdspages-onas-tocka-3 + text { animation-delay: 1.7s; }
.sdspages-onas-tocka-4 + text { animation-delay: 2.2s; }

.sdspages-onas-put-tekst {
  max-width: 800px;
  font-size: 1.1rem;
  line-height: 1.7;
  text-align: center;
}

.sdspages-onas-detaji-sekcija {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-onas-blokovi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.sdspages-onas-blok {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sdspages-onas-slika-okvir {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.sdspages-onas-slika-okvir img {
  width: 100%;
  max-width: 350px;
  height: 100%;
  max-height: 350px;
  display: block;
  transition: transform 0.4s ease;
}

.sdspages-onas-slika-okvir:hover img {
  transform: scale(1.05);
}

.sdspages-onas-podnaslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.6rem;
  color: #3d2a22;
  margin-bottom: 1rem;
  min-height: 60px;
  display: flex;
  align-items: center;
}

.sdspages-onas-opis {
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.sdspages-onas-prednosti {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.sdspages-onas-prednost-stavka {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  padding: 0.5rem;
  border-radius: 5px;
  background: rgba(255, 151, 112, 0.1);
}

.sdspages-onas-prednost-stavka i {
  color: #ff9770;
}

.sdspages-onas-disklejmer {
  background: #fff2de;
  border: 1px solid #ffe3cf;
  border-radius: 6px;
  padding: 1rem;
  font-size: 0.9rem;
}

.sdspages-onas-puni-blok {
  grid-column: 1 / -1;
}

.sdspages-onas-faze {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.sdspages-onas-faza {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, #ffe3a3 0%, #fbc687 100%);
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.sdspages-onas-faza:hover {
  transform: translateY(-5px);
}

.sdspages-onas-faza i {
  font-size: 2rem;
  color: #27ae60;
  margin-bottom: 1rem;
}

.sdspages-onas-faza h3 {
  margin: 0 0 0.5rem 0;
  color: #3d2a22;
  font-size: 1.1rem;
}

.sdspages-onas-faza p {
  margin: 0;
  color: #4f3d31;
  font-size: 0.9rem;
}

.sdspages-onas-buducnost {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.sdspages-onas-buducnost-stavka {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem;
  background: rgba(255, 151, 112, 0.1);
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.sdspages-onas-buducnost-stavka:hover {
  transform: translateX(5px);
  background: rgba(255, 111, 97, 0.2);
}

.sdspages-onas-buducnost-stavka i {
  color: #ff9770;
  font-size: 1.2rem;
}

.sdspages-onas-buducnost-stavka span {
  color: #3d2a22;
  font-weight: 500;
}

@keyframes sdspages-crta-animacija {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes sdspages-tocka-animacija {
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}

@keyframes sdspages-oznaka-animacija {
  to {
    opacity: 1;
  }
}

@media (max-width: 1024px) {
  .sdspages-onas-blokovi {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 768px) {
  .sdspages-onas-put-sekcija {
    padding: 2rem 1rem;
  }
  
  .sdspages-onas-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-onas-prednosti {
    grid-template-columns: 1fr;
  }
  
  .sdspages-onas-faze {
    grid-template-columns: 1fr;
  }
  
  .sdspages-onas-buducnost {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .sdspages-onas-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-onas-put-sekcija,
  .sdspages-onas-detaji-sekcija {
    padding: 1.5rem 1rem;
    border-radius: 10px;
  }
  
  .sdspages-onas-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-onas-podnaslov {
    font-size: 1.3rem;
    min-height: 50px;
  }
  
  .sdspages-onas-svg-animacija {
    max-width: 100%;
  }
}

.sdspages-pitanja-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sdspages-pitanja-uvod {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.sdspages-pitanja-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 2.8rem;
  color: #3d2a22;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-pitanja-svg-sekcija {
  margin: 2rem 0;
}

.sdspages-pitanja-svg {
  width: 100%;
  max-width: 400px;
  height: auto;
}

.sdspages-pitanja-krug {
  stroke-dasharray: 502;
  stroke-dashoffset: 502;
  animation: sdspages-krug-animacija 2s ease-in-out forwards;
}

.sdspages-pitanja-znak {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  animation: sdspages-znak-animacija 1s ease-in-out forwards 0.5s;
}

.sdspages-pitanja-krug-mali {
  stroke-dasharray: 188;
  stroke-dashoffset: 188;
  animation: sdspages-krug-animacija 1.5s ease-in-out forwards 1s;
}

.sdspages-pitanja-plus {
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: sdspages-znak-animacija 0.8s ease-in-out forwards 1.5s;
}

.sdspages-pitanja-tekst {
  opacity: 0;
  animation: sdspages-tekst-animacija 1s ease-in-out forwards 2s;
}

.sdspages-pitanja-uvodni-tekst {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.7;
}

.sdspages-pitanja-lista-sekcija {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-pitanja-kategorije {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2.5rem;
}

.sdspages-pitanja-kategorija {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  border-radius: 15px;
  padding: 2rem;
  transition: transform 0.3s ease;
}

.sdspages-pitanja-kategorija:nth-child(2) {
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
}

.sdspages-pitanja-kategorija:nth-child(3) {
  background: linear-gradient(135deg, #ffe3a3 0%, #fbc687 100%);
}

.sdspages-pitanja-kategorija:hover {
  transform: translateY(-5px);
}

.sdspages-pitanja-kategorija-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.5rem;
  color: white;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-height: 50px;
}

.sdspages-pitanja-kategorija-ikona {
  font-size: 1.8rem;
}

.sdspages-pitanja-grupa {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sdspages-pitanje-stavka {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.sdspages-pitanje-stavka:hover {
  background: rgba(255, 255, 255, 0.25);
}

.sdspages-pitanje-naslov {
  padding: 1.2rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  color: white;
  transition: background-color 0.3s ease;
}

.sdspages-pitanje-naslov:hover {
  background: rgba(255, 255, 255, 0.1);
}

.sdspages-pitanje-ikona {
  color: white;
  transition: transform 0.3s ease;
  font-size: 1.2rem;
}

.sdspages-pitanje-odgovor {
  display: none;
  padding: 0 1.5rem 1.5rem;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
}

.sdspages-pitanje-odgovor p {
  margin: 0;
}

.sdspages-pitanja-kontakt {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  padding: 3rem 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sdspages-pitanja-kontakt-poruka {
  display: flex;
  align-items: center;
  gap: 2rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  border-radius: 15px;
  padding: 2.5rem;
  text-align: center;
}

.sdspages-pitanja-kontakt-ikona {
  font-size: 3rem;
  color: white;
  flex-shrink: 0;
}

.sdspages-pitanja-kontakt-tekst {
  flex: 1;
}

.sdspages-pitanja-kontakt-tekst h3 {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.8rem;
  color: white;
  margin-bottom: 0.5rem;
}

.sdspages-pitanja-kontakt-tekst p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

.sdspages-pitanja-kontakt-gumb {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.sdspages-pitanja-kontakt-gumb:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

@keyframes sdspages-krug-animacija {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes sdspages-znak-animacija {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes sdspages-tekst-animacija {
  to {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .sdspages-pitanja-uvod {
    padding: 2rem 1rem;
  }
  
  .sdspages-pitanja-naslov {
    font-size: 2.2rem;
    min-height: 90px;
  }
  
  .sdspages-pitanja-kategorije {
    grid-template-columns: 1fr;
  }
  
  .sdspages-pitanja-kontakt-poruka {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .sdspages-pitanje-naslov {
    padding: 1rem 1.2rem;
  }
}

@media (max-width: 480px) {
  .sdspages-pitanja-sadrzaj {
    padding: 1rem 0.2rem;
  }
  
  .sdspages-pitanja-uvod,
  .sdspages-pitanja-lista-sekcija,
  .sdspages-pitanja-kontakt {
    padding: 1.5rem 0.1rem;
    border-radius: 10px;
  }
  
  .sdspages-pitanja-naslov {
    font-size: 1.8rem;
    min-height: 70px;
  }
  
  .sdspages-pitanja-kategorija {
    padding: 1.5rem;
  }
  
  .sdspages-pitanja-kategorija-naslov {
    font-size: 1.3rem;
    min-height: 45px;
  }
  
  .sdspages-pitanja-kontakt-poruka {
    padding: 2rem 1.5rem;
  }
}

.sdspages-stranica404-sadrzaj {
  max-width: 1370px;
  margin: 0 auto;
  padding: 2rem 1rem;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sdspages-stranica404-sekcija {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 4rem 2rem;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.sdspages-stranica404-sadrzaj {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.sdspages-stranica404-ikona {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
  animation: sdspages-stranica404-ikona-animacija 2s ease-in-out infinite alternate;
}

.sdspages-stranica404-glava-ikona {
  font-size: 4rem;
  color: white;
}

.sdspages-stranica404-naslov {
  font-family: 'Libre Baskerville', serif;
  font-size: 3rem;
  color: #3d2a22;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #ff6b6b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: sdspages-stranica404-naslov-animacija 3s ease-in-out infinite;
}

.sdspages-stranica404-tekst {
  max-width: 600px;
  margin: 0 auto;
}

.sdspages-stranica404-tekst p {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 1rem;
  color: #4f3d31;
}

.sdspages-stranica404-akcije {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem 0;
}

.sdspages-stranica404-gumb {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: linear-gradient(135deg, #ff9770 0%, #ff6f61 100%);
  color: white;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(255, 111, 97, 0.3);
}

.sdspages-stranica404-gumb:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 111, 97, 0.4);
}

.sdspages-stranica404-gumb-sekundarni {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: transparent;
  color: #ff9770;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid #ff9770;
}

.sdspages-stranica404-gumb-sekundarni:hover {
  background: rgba(255, 151, 112, 0.1);
  transform: translateY(-3px);
}

.sdspages-stranica404-dodatne-informacije {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
  width: 100%;
  max-width: 700px;
}

.sdspages-stranica404-info-kartica {
  background: linear-gradient(135deg, #ffe3a3 0%, #fbc687 100%);
  border-radius: 15px;
  padding: 1.5rem;
  text-align: center;
  transition: transform 0.3s ease;
}

.sdspages-stranica404-info-kartica:nth-child(2) {
  background: linear-gradient(135deg, #f7a072 0%, #ffaaa5 100%);
}

.sdspages-stranica404-info-kartica:nth-child(3) {
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
}

.sdspages-stranica404-info-kartica:hover {
  transform: translateY(-5px);
}

.sdspages-stranica404-info-kartica i {
  font-size: 2rem;
  color: #3d2a22;
  margin-bottom: 1rem;
}

.sdspages-stranica404-info-kartica h3 {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.2rem;
  color: #3d2a22;
  margin-bottom: 0.5rem;
}

.sdspages-stranica404-info-kartica p {
  color: #4f3d31;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.5;
}

@keyframes sdspages-stranica404-ikona-animacija {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1.1) rotate(5deg);
  }
}

@keyframes sdspages-stranica404-naslov-animacija {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@media (max-width: 768px) {
  .sdspages-stranica404-sekcija {
    padding: 3rem 1.5rem;
  }
  
  .sdspages-stranica404-naslov {
    font-size: 2.2rem;
  }
  
  .sdspages-stranica404-akcije {
    flex-direction: column;
    align-items: center;
  }
  
  .sdspages-stranica404-gumb,
  .sdspages-stranica404-gumb-sekundarni {
    width: 100%;
    max-width: 250px;
    justify-content: center;
  }
  
  .sdspages-stranica404-dodatne-informacije {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .sdspages-stranica404-sadrzaj {
    padding: 1rem 0.5rem;
  }
  
  .sdspages-stranica404-sekcija {
    padding: 2rem 1rem;
    border-radius: 15px;
  }
  
  .sdspages-stranica404-naslov {
    font-size: 1.8rem;
  }
  
  .sdspages-stranica404-tekst p {
    font-size: 1rem;
  }
  
  .sdspages-stranica404-ikona {
    width: 100px;
    height: 100px;
  }
  
  .sdspages-stranica404-glava-ikona {
    font-size: 3rem;
  }
}