.dpp-modal[hidden]{display:none!important}
.dpp-modal{
  position:fixed; inset:0; z-index:100000;
  display:grid; align-items:center; justify-items:center;
}
.dpp-modal__overlay{position:absolute; inset:0; background:rgba(0,0,0,.45)}
.dpp-modal__dialog{
  position:relative; background:#fff; color:#111;
  width:min(92vw, 720px); max-height:90vh; overflow:auto;
  border-radius:12px; padding:1rem 1.25rem; box-shadow:0 10px 40px rgba(0,0,0,.25)
}
.dpp-modal__title{margin:0 2rem .5rem 0; font-size:1.1rem}
.dpp-modal__content{line-height:1.5}
.dpp-modal__close{
  position:absolute; top:.5rem; right:.5rem; border:none; background:#ffffff;
  width:2rem; height:2rem; border-radius:999px; cursor:pointer; font-size:1.2rem; line-height:2rem;
  padding:0;
}
.dpp-modal__close:hover, .dpp-modal__close:focus
{
    background-color: white;
}
body.dpp-modal-lock{overflow:hidden; padding-right: var(--dpp-scrollbar, 0px);}

.dpp-loop { max-width: 920px; margin: 0 auto 2rem; }
.dpp-loop__title {
  margin: 0 0 .5rem; font-weight: 800; letter-spacing: .02em;
  text-transform: uppercase; font-size: clamp(22px, 3.2vw, 36px);
}
.dpp-loop__intro { margin: 0 0 1.25rem; color:#3b3b3b; }

.dpp-loop__step,
.dpp-loop__row {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: .75rem;
  margin: 1rem 0;
}

.dpp-loop__icon { width: 25px; height: 50px; display:block; margin-top:.2rem; }
.dpp-loop__bullet { width: 28px; height: 26px !important; display:block; margin-top:.1rem; }

.dpp-loop__step p,
.dpp-loop__row  p { margin: 0; line-height: 1.55; color:#333; }

/* lite extra luft före sista steget */
.dpp-loop__row:last-of-type { margin-bottom: 1.25rem; }