/* Footer composition — 2026-08-12 */
footer.footer-art {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #070707 !important;
  color: #fff !important;
}

.footer-art .footer-data {
  position: relative !important;
  width: 100% !important;
  height: clamp(600px, 48.7vw, 760px) !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: #070707 url("footer-belgrade-models.png") center bottom / cover no-repeat !important;
}

.footer-art .footer-brand-block {
  position: absolute !important;
  top: 5.5% !important;
  left: 7.5% !important;
  width: clamp(270px, 23vw, 360px) !important;
  margin: 0 !important;
}

.footer-art .footer-brand-logo {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

.footer-art .footer-brand-block::after,
.footer-art .footer-socials {
  display: none !important;
}

.footer-art .footer-tagline {
  position: absolute !important;
  top: 26% !important;
  left: 7.5% !important;
  width: clamp(320px, 32vw, 490px) !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  text-align: left !important;
  white-space: normal !important;
}

.footer-art .footer-details {
  position: absolute !important;
  left: 7.5% !important;
  right: auto !important;
  top: auto !important;
  bottom: 6.5% !important;
  width: 58% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
  gap: clamp(50px, 7vw, 115px) !important;
  align-items: end !important;
  color: #fff !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.footer-art .footer-details p {
  margin: 0 !important;
}

.footer-art .footer-details p:nth-child(3) {
  display: none !important;
}

.footer-art .footer-details strong {
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
}

.footer-art .footer-details a {
  color: #fff !important;
  text-decoration: none !important;
}

.footer-art .footer-values {
  position: absolute !important;
  left: 68% !important;
  right: auto !important;
  top: auto !important;
  bottom: 6.5% !important;
  width: auto !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

@media (max-width: 850px) {
  .footer-art .footer-data {
    height: auto !important;
    min-height: 720px !important;
    padding: 38px 26px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    background-position: center bottom !important;
  }

  .footer-art .footer-brand-block,
  .footer-art .footer-tagline,
  .footer-art .footer-details,
  .footer-art .footer-values {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    max-width: none !important;
  }

  .footer-art .footer-brand-block {
    order: 1 !important;
    width: 240px !important;
    margin: 0 !important;
  }

  .footer-art .footer-tagline {
    order: 2 !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  .footer-art .footer-details {
    order: 3 !important;
    width: 100% !important;
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .footer-art .footer-values {
    order: 4 !important;
    width: 100% !important;
    margin-top: 24px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Konačni desktop override prema dostavljenom Footer.ai rasporedu. */
@media (min-width: 851px) {
  .footer-art .footer-data {
    height: clamp(560px, 48.7vw, 760px) !important;
    background-position: center bottom !important;
  }
  .footer-art .footer-brand-block {
    top: 5.5% !important;
    left: 7.5% !important;
    width: clamp(250px, 21vw, 340px) !important;
  }
  .footer-art .footer-tagline {
    top: 26% !important;
    left: 7.5% !important;
    width: clamp(230px, 20vw, 330px) !important;
    font-size: clamp(11px, .78vw, 13px) !important;
    line-height: 1.3 !important;
  }
  .footer-art .footer-details {
    top: auto !important;
    bottom: 5.5% !important;
    left: 6.5% !important;
    right: auto !important;
    width: 57% !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: clamp(54px, 7vw, 112px) !important;
    align-items: end !important;
    font-size: clamp(10px, .68vw, 12px) !important;
    line-height: 1.28 !important;
  }
  .footer-art .footer-details strong {
    margin-bottom: 3px !important;
    font-size: clamp(10px, .72vw, 12px) !important;
    line-height: 1.2 !important;
  }
  .footer-art .footer-values {
    left: 69% !important;
    bottom: 5.5% !important;
    font-size: clamp(10px, .68vw, 12px) !important;
    line-height: 1.28 !important;
  }
}

/* FAQ izbor publike: tri stavke ravnomerno koriste celu sivu traku. */
#faq .faq-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
}

#faq .faq-tab {
  width: 100% !important;
  min-width: 0 !important;
  padding: 6px 14px !important;
  text-align: center !important;
}

#faq .faq-tab + .faq-tab::before {
  top: 2px !important;
  bottom: 2px !important;
}

/* Pet modula: mirno belo dugme, brend zelena tek na interakciji. */
#program > .center .btn {
  background: #fff !important;
  border-color: #fff !important;
  color: #231f20 !important;
}

#program > .center .btn:hover,
#program > .center .btn:focus-visible {
  background: #3BC49D !important;
  border-color: #3BC49D !important;
  color: #fff !important;
}

/* Footer prema finalnoj skici: veća scena, sitnija tipografija i donje poravnanje. */
@media (min-width: 851px) {
  .footer-art .footer-data {
    height: clamp(560px, 48.7vw, 760px) !important;
    background-position: center bottom !important;
  }

  .footer-art .footer-brand-block {
    top: 5.5% !important;
    left: 7.5% !important;
    width: clamp(250px, 21vw, 340px) !important;
  }

  .footer-art .footer-tagline {
    top: 26% !important;
    left: 7.5% !important;
    width: clamp(230px, 20vw, 330px) !important;
    font-size: clamp(11px, .78vw, 13px) !important;
    line-height: 1.3 !important;
  }

  .footer-art .footer-details {
    top: auto !important;
    bottom: 5.5% !important;
    left: 6.5% !important;
    right: auto !important;
    width: 57% !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    gap: clamp(54px, 7vw, 112px) !important;
    align-items: end !important;
    font-size: clamp(10px, .68vw, 12px) !important;
    line-height: 1.28 !important;
  }

  .footer-art .footer-details strong {
    margin-bottom: 3px !important;
    font-size: clamp(10px, .72vw, 12px) !important;
    line-height: 1.2 !important;
  }

  .footer-art .footer-values {
    left: 69% !important;
    bottom: 5.5% !important;
    font-size: clamp(10px, .68vw, 12px) !important;
    line-height: 1.28 !important;
  }
}

/* Završno poravnanje footera prema referentnoj kompoziciji. */
@media (min-width: 851px) {
  .footer-art .footer-data {
    height: clamp(510px, 29vw, 650px) !important;
    aspect-ratio: auto !important;
    background-position: center center !important;
  }

  .footer-art .footer-brand-block {
    top: 12% !important;
    left: 6% !important;
    width: clamp(245px, 19vw, 330px) !important;
  }

  .footer-art .footer-tagline {
    top: 39% !important;
    left: 6% !important;
    width: clamp(280px, 26vw, 410px) !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    line-height: 1.45 !important;
  }

  .footer-art .footer-details {
    top: 24% !important;
    bottom: auto !important;
    left: 47% !important;
    right: 6% !important;
    width: auto !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: clamp(46px, 5vw, 90px) !important;
    align-items: start !important;
    font-size: clamp(13px, .9vw, 15px) !important;
    line-height: 1.55 !important;
  }

  .footer-art .footer-details p,
  .footer-art .footer-details p:last-child {
    margin: 0 !important;
  }

  .footer-art .footer-details strong {
    display: inline-block !important;
    margin-bottom: 9px !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    line-height: 1.3 !important;
  }

  .footer-art .footer-values {
    left: 6% !important;
    bottom: 8% !important;
    font-size: clamp(13px, .9vw, 15px) !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 850px) {
  .footer-art .footer-data {
    min-height: 690px !important;
    padding: 42px 26px 32px !important;
  }

  .footer-art .footer-brand-block { width: 210px !important; }
  .footer-art .footer-tagline {
    margin-top: 18px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  .footer-art .footer-details {
    gap: 24px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .footer-art .footer-details strong {
    display: inline-block !important;
    margin-bottom: 7px !important;
    font-size: 14px !important;
  }
  .footer-art .footer-values {
    margin-top: 26px !important;
    font-size: 13px !important;
  }
}

/* Finalni desktop raspored prema Footer.ai referenci. */
@media (min-width: 851px) {
  .footer-art .footer-data { height:clamp(560px,48.7vw,760px)!important; background-position:center bottom!important; }
  .footer-art .footer-brand-block { top:5.5%!important; left:7.5%!important; width:clamp(250px,21vw,340px)!important; }
  .footer-art .footer-tagline { top:26%!important; left:7.5%!important; width:clamp(230px,20vw,330px)!important; font-size:clamp(11px,.78vw,13px)!important; line-height:1.3!important; }
  .footer-art .footer-details { top:auto!important; bottom:5.5%!important; left:6.5%!important; right:auto!important; width:57%!important; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important; gap:clamp(54px,7vw,112px)!important; align-items:end!important; font-size:clamp(10px,.68vw,12px)!important; line-height:1.28!important; }
  .footer-art .footer-details strong { margin-bottom:3px!important; font-size:clamp(10px,.72vw,12px)!important; line-height:1.2!important; }
  .footer-art .footer-values { left:69%!important; bottom:5.5%!important; font-size:clamp(10px,.68vw,12px)!important; line-height:1.28!important; }
}

/* Čistiji prikaz sekcije „Šta polaznici dobijaju”. */
.section.outcomes {
  display: block !important;
  padding: 110px 28px 96px !important;
  background: #f7f7f5 !important;
  overflow: hidden !important;
}
.section.outcomes::before,
.section.outcomes::after { display: none !important; }
.section.outcomes > .title,
.section.outcomes > .definition-lead,
.section.outcomes > .outcomes-intro,
.section.outcomes > .benefit-groups,
.section.outcomes > .disclaimer {
  width: min(1080px, calc(100% - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}
.section.outcomes > .title { margin-bottom: 24px !important; text-align: left !important; }
.section.outcomes > .definition-lead {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  text-align: left !important;
}
.section.outcomes > .outcomes-intro {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 54px !important;
  padding-top: 24px !important;
}
.section.outcomes > .benefit-groups {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}
.section.outcomes .benefit-group,
.section.outcomes .benefit-group:not(.partner-dependent),
.section.outcomes .benefit-group.partner-dependent {
  min-height: 0 !important;
  height: auto !important;
  padding: 38px 36px !important;
  border: 1px solid #deded9 !important;
  border-top: 4px solid #3bc49d !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #231f20 !important;
  box-shadow: none !important;
}
.section.outcomes .benefit-group h3 {
  min-height: 0 !important;
  margin: 0 0 26px !important;
  color: #231f20 !important;
  font-size: 25px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.section.outcomes .benefit-group li {
  padding: 16px 0 16px 48px !important;
  border-top: 1px solid #deded9 !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 22px !important;
}
.section.outcomes .benefit-group li::before {
  top: 16px !important;
  color: #3bae8d !important;
  font-size: 14px !important;
}
.section.outcomes > .disclaimer {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  padding: 18px 22px !important;
  background: #ecece8 !important;
}

/* Footer prema dostavljenoj skici, uz tipografsku skalu ostatka sajta. */
@media (min-width: 851px) {
  .footer-art .footer-data {
    height: clamp(540px, 48.7vw, 760px) !important;
    background-position: center bottom !important;
  }
  .footer-art .footer-brand-block {
    top: 6% !important;
    left: 7% !important;
    width: clamp(230px, 19vw, 320px) !important;
  }
  .footer-art .footer-tagline {
    top: 26% !important;
    left: 7% !important;
    width: clamp(245px, 22vw, 360px) !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  .footer-art .footer-details {
    left: 6.5% !important;
    right: auto !important;
    top: auto !important;
    bottom: 6% !important;
    width: 57% !important;
    grid-template-columns: 1.1fr .9fr !important;
    gap: clamp(48px, 6vw, 96px) !important;
    align-items: end !important;
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .footer-art .footer-details strong {
    display: inline-block !important;
    margin-bottom: 2px !important;
    font-size: 13px !important;
    line-height: 19px !important;
  }
  .footer-art .footer-values {
    left: auto !important;
    right: 6.5% !important;
    bottom: 6% !important;
    font-size: 13px !important;
    line-height: 19px !important;
  }
}

@media (max-width: 850px) {
  .section.outcomes { padding: 72px 0 64px !important; }
  .section.outcomes > .benefit-groups { grid-template-columns: 1fr !important; }
  .section.outcomes .benefit-group,
  .section.outcomes .benefit-group:not(.partner-dependent),
  .section.outcomes .benefit-group.partner-dependent { padding: 30px 24px !important; }
  .section.outcomes > .outcomes-intro { margin-bottom: 38px !important; }
}

/* Moduli: kompaktniji brojevi i nazivi bliže numeraciji. */
@media (min-width: 901px) {
  .program#program .module-list summary {
    grid-template-columns: 94px minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }
  .program#program .module-list .module-number {
    width: 92px !important;
    height: 92px !important;
    margin-left: -30px !important;
    font-size: 56px !important;
    letter-spacing: -3px !important;
  }
  .program#program .module-list summary::before,
  .program#program .module-list .module-title {
    padding-left: 0 !important;
  }
}

@media (max-width: 900px) {
  .program#program .module-list summary {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 6px !important;
  }
  .program#program .module-list .module-number {
    width: 72px !important;
    height: 72px !important;
    margin-left: -14px !important;
    font-size: 42px !important;
    letter-spacing: -2px !important;
  }
}

/* Proces: ceo tekstualni blok malo više i udesno. */
@media (min-width: 901px) {
  .section.process > .title,
  .section.process > .definition-lead,
  .section.process > .process-grid {
    transform: translate(24px, -42px) !important;
  }
}

@media (max-width: 900px) {
  .section.process > .title,
  .section.process > .definition-lead,
  .section.process > .process-grid {
    transform: translate(10px, -24px) !important;
  }
}

/* Konačni footer: jedinstven raspored prema referentnoj skici. */
footer.footer-art {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #080808 !important;
  overflow: hidden !important;
}

.footer-art .footer-data {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #080808 url("footer-belgrade-models.png") center bottom / cover no-repeat !important;
}

.footer-art .footer-brand-block::after,
.footer-art .footer-socials { display: none !important; }

@media (min-width: 851px) {
  .footer-art .footer-data {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1494 / 724 !important;
  }
  .footer-art .footer-brand-block {
    position: absolute !important;
    top: 5.4% !important;
    left: 7.8% !important;
    width: 23.5% !important;
    max-width: 390px !important;
    margin: 0 !important;
  }
  .footer-art .footer-brand-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
  .footer-art .footer-tagline {
    position: absolute !important;
    top: 25.8% !important;
    left: 8.1% !important;
    width: 25% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(14px, 1.25vw, 19px) !important;
    line-height: 1.22 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }
  .footer-art .footer-details {
    position: absolute !important;
    left: 6.8% !important;
    right: auto !important;
    top: auto !important;
    bottom: 6.4% !important;
    width: 55% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1.15fr .9fr !important;
    gap: 8% !important;
    align-items: end !important;
    color: #fff !important;
    font-size: clamp(12px, 1vw, 16px) !important;
    line-height: 1.28 !important;
    text-align: left !important;
  }
  .footer-art .footer-details p { margin: 0 !important; }
  .footer-art .footer-details p:nth-child(3) { display: none !important; }
  .footer-art .footer-details strong {
    display: inline !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 600 !important;
  }
  .footer-art .footer-details a { color: #fff !important; text-decoration: none !important; }
  .footer-art .footer-values {
    position: absolute !important;
    left: auto !important;
    right: 7.3% !important;
    top: auto !important;
    bottom: 6.4% !important;
    width: auto !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(12px, 1vw, 16px) !important;
    line-height: 1.28 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 850px) {
  .footer-art .footer-data {
    min-height: 700px !important;
    padding: 38px 24px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    background-position: 53% bottom !important;
  }
  .footer-art .footer-brand-block,
  .footer-art .footer-tagline,
  .footer-art .footer-details,
  .footer-art .footer-values {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer-art .footer-brand-block { order: 1 !important; width: 225px !important; }
  .footer-art .footer-brand-logo { width: 100% !important; height: auto !important; }
  .footer-art .footer-tagline { order: 2 !important; margin-top: 16px !important; font-size: 14px !important; line-height: 20px !important; }
  .footer-art .footer-details { order: 3 !important; margin-top: auto !important; display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; font-size: 13px !important; line-height: 19px !important; }
  .footer-art .footer-details p { margin: 0 !important; }
  .footer-art .footer-values { order: 4 !important; margin-top: 22px !important; font-size: 13px !important; line-height: 19px !important; white-space: normal !important; }
}

/* Šta polaznici dobijaju — stabilan, ujednačen završni raspored. */
.section.outcomes {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.section.outcomes > .title,
.section.outcomes > .definition-lead,
.section.outcomes > .outcomes-intro {
  max-width: 880px !important;
  transform: none !important;
}
.section.outcomes > .outcomes-intro {
  margin-bottom: 46px !important;
}
.section.outcomes > .benefit-groups {
  width: min(1180px, calc(100% - 80px)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}
.section.outcomes .benefit-group,
.section.outcomes .benefit-group:not(.partner-dependent),
.section.outcomes .benefit-group.partner-dependent {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 34px 38px 38px !important;
  overflow: visible !important;
  display: block !important;
}
.section.outcomes .benefit-group h3,
.section.outcomes .benefit-group:not(.partner-dependent) h3,
.section.outcomes .benefit-group.partner-dependent h3 {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #231f20 !important;
  font-size: 27px !important;
  line-height: 34px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.section.outcomes .benefit-group ul {
  margin: 0 !important;
  padding: 0 !important;
}
.section.outcomes .benefit-group li,
.section.outcomes .benefit-group:not(.partner-dependent) li {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 0 14px 58px !important;
  font-size: 15px !important;
  line-height: 23px !important;
}
.section.outcomes .benefit-group li::before,
.section.outcomes .benefit-group:not(.partner-dependent) li::before {
  left: 10px !important;
  top: 14px !important;
  font-size: 15px !important;
  line-height: 23px !important;
}
.section.outcomes > .disclaimer {
  position: relative !important;
  z-index: 1 !important;
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 24px auto 0 !important;
  transform: none !important;
}

@media (max-width: 700px) {
  .section.outcomes { padding-top: 68px !important; padding-bottom: 64px !important; }
  .section.outcomes > .benefit-groups,
  .section.outcomes > .disclaimer { width: calc(100% - 40px) !important; }
  .section.outcomes .benefit-group,
  .section.outcomes .benefit-group:not(.partner-dependent),
  .section.outcomes .benefit-group.partner-dependent { padding: 28px 24px 30px !important; }
  .section.outcomes .benefit-group h3,
  .section.outcomes .benefit-group:not(.partner-dependent) h3,
  .section.outcomes .benefit-group.partner-dependent h3 { font-size: 23px !important; line-height: 29px !important; }
}

/* Uklonjena bočna dugmad za pitanja i brzu prijavu. */
.quick-actions { display: none !important; }

/* Footer — finalna kompozicija prema skici 2026-08-13. */
@media (min-width: 851px) {
  .footer-art .footer-data {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1494 / 724 !important;
    background-image: url("footer-belgrade-models.png") !important;
    background-position: center bottom !important;
    background-size: cover !important;
  }

  .footer-art .footer-brand-block {
    top: 5.5% !important;
    left: 7.8% !important;
    width: clamp(290px, 25vw, 390px) !important;
  }

  .footer-art .footer-tagline {
    top: 25.5% !important;
    left: 8.1% !important;
    width: clamp(270px, 24vw, 380px) !important;
    font-size: clamp(15px, 1.35vw, 20px) !important;
    line-height: 1.22 !important;
    font-weight: 400 !important;
  }

  .footer-art .footer-details {
    left: 6.8% !important;
    right: auto !important;
    top: auto !important;
    bottom: 6.5% !important;
    width: 56% !important;
    grid-template-columns: 1.15fr .9fr !important;
    gap: clamp(56px, 8vw, 125px) !important;
    align-items: end !important;
    font-size: clamp(13px, 1.15vw, 17px) !important;
    line-height: 1.25 !important;
  }

  .footer-art .footer-details strong {
    display: inline-block !important;
    margin-bottom: 2px !important;
    font-size: clamp(13px, 1.15vw, 17px) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }

  .footer-art .footer-details p:nth-child(2) br:nth-of-type(3) {
    display: none !important;
  }

  .footer-art .footer-values {
    left: auto !important;
    right: 7.3% !important;
    bottom: 6.5% !important;
    font-size: clamp(13px, 1.15vw, 17px) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 850px) {
  .footer-art .footer-data {
    min-height: 720px !important;
    background-position: 54% bottom !important;
  }
  .footer-art .footer-brand-block { width: 230px !important; }
  .footer-art .footer-tagline { font-size: 15px !important; line-height: 22px !important; }
  .footer-art .footer-details,
  .footer-art .footer-values { font-size: 13px !important; line-height: 19px !important; }
  .footer-art .footer-details strong { font-size: 13px !important; line-height: 19px !important; }
}

/* Hitna stabilizacija dve sekcije: bez horizontalnog izlaska i skrivenih naslova. */
.section.outcomes,
.section.process {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.section.outcomes .benefit-group h3,
.section.outcomes .benefit-group:not(.partner-dependent) h3 {
  display: block !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  color: #231f20 !important;
}

@media (min-width: 901px) {
  .section.outcomes {
    padding: 92px 28px 86px !important;
  }
  .section.outcomes > .title,
  .section.outcomes > .definition-lead,
  .section.outcomes > .outcomes-intro {
    transform: none !important;
  }
  .section.outcomes > .benefit-groups {
    width: min(1180px, calc(100% - 96px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .section.outcomes .benefit-group,
  .section.outcomes .benefit-group:not(.partner-dependent),
  .section.outcomes .benefit-group.partner-dependent {
    overflow: visible !important;
    padding: 38px 36px !important;
  }

  .section.process > .title,
  .section.process > .definition-lead {
    transform: translate(16px, -28px) !important;
  }
  .section.process > .process-grid {
    left: 50% !important;
    right: auto !important;
    width: min(1420px, calc(100% - 80px)) !important;
    max-width: calc(100% - 80px) !important;
    margin-left: 0 !important;
    transform: translate(-50%, -28px) !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .section.process .process-step,
  .section.process .process-step:nth-child(n) {
    min-width: 0 !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    padding: 28px 18px 24px !important;
  }
  .section.process .process-step > span {
    font-size: 50px !important;
    letter-spacing: -3px !important;
  }
  .section.process .process-step h3 {
    font-size: 18px !important;
    line-height: 23px !important;
  }
  .section.process .process-step p {
    font-size: 14px !important;
    line-height: 21px !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 900px) {
  .section.process > .title,
  .section.process > .definition-lead,
  .section.process > .process-grid {
    transform: none !important;
  }
}