/* Final micro-polish for /proizvodi only. No layout or copy changes. */

/* Give the closing statement a little more breathing room. */
.phase3-products .phase2-cta{
  padding-top:clamp(70px,7.5vw,100px);
  padding-bottom:clamp(70px,7.5vw,100px);
}

/* Make ecosystem links feel a touch more intentional on pointer devices. */
@media (min-width:681px){
  .phase3-products .phase3-ecosystem-node:hover,
  .phase3-products .phase3-ecosystem-node:focus-visible{
    transform:translateY(-4px);
    border-color:rgba(49,94,251,.42);
    box-shadow:0 22px 50px rgba(32,59,112,.12);
  }

  .phase3-products .phase3-ecosystem-node:hover::after,
  .phase3-products .phase3-ecosystem-node:focus-visible::after{
    color:#315efb;
    opacity:1;
    transform:translate(2px,-2px);
  }

  .phase3-products .phase3-ecosystem-node::after{
    transition:color .28s ease,opacity .28s ease,transform .28s ease;
  }
}

/* The MyRent SVG is scaled heavily on small screens; lift internal type slightly. */
@media (max-width:680px){
  .phase3-products .phase2-flagship .jpa-svg-title{
    font-size:18px;
    font-weight:650;
  }

  .phase3-products .phase2-flagship .jpa-svg-small{
    font-size:13px;
  }

  .phase3-products .phase2-flagship .jpa-svg-center{
    font-size:11px;
  }

  .phase3-products .phase2-flagship .jpa-demo-label{
    font-size:12px;
  }

  .phase3-products .phase2-flagship .jpa-demo-code{
    font-size:9px;
  }

  .phase3-products .phase2-cta{
    padding-top:64px;
    padding-bottom:64px;
  }
}

@media (prefers-reduced-motion:reduce){
  .phase3-products .phase3-ecosystem-node,
  .phase3-products .phase3-ecosystem-node::after{
    transition:none!important;
    transform:none!important;
  }
}