/* Hastigem dollar-payment page — v1 */
body.hg-dp-template-page{
  --hgdp-page:var(--hg-u-page,#f6f6f2);
  --hgdp-page-2:var(--hg-u-page-2,#eeeee7);
  --hgdp-surface:var(--hg-u-surface,rgba(255,255,255,.86));
  --hgdp-surface-2:var(--hg-u-surface-2,#f9f9f5);
  --hgdp-ink:var(--hg-u-ink,#161922);
  --hgdp-muted:var(--hg-u-muted,#727785);
  --hgdp-line:var(--hg-u-line,rgba(20,22,30,.10));
  --hgdp-accent:#0f766e;
  --hgdp-accent-2:#06b6d4;
  --hgdp-telegram:#229ED9;
  --hgdp-success:#10b981;
  --hgdp-warn:#f59e0b;
  --hgdp-shadow:var(--hg-u-shadow,0 18px 50px rgba(31,34,45,.10));
  background:var(--hgdp-page,#f6f6f2)!important;
}

html[data-hg-theme="dark"] body.hg-dp-template-page{
  --hgdp-page:var(--hg-u-page,#0f131a);
  --hgdp-page-2:var(--hg-u-page-2,#131923);
  --hgdp-surface:var(--hg-u-surface,rgba(23,29,39,.88));
  --hgdp-surface-2:var(--hg-u-surface-2,#1b2230);
  --hgdp-ink:var(--hg-u-ink,#edf2f7);
  --hgdp-muted:var(--hg-u-muted,#a3adba);
  --hgdp-line:var(--hg-u-line,rgba(255,255,255,.10));
  --hgdp-accent:#2dd4bf;
  --hgdp-accent-2:#22d3ee;
  --hgdp-telegram:#38bdf8;
  --hgdp-shadow:0 22px 70px rgba(0,0,0,.34);
  background:var(--hgdp-page,#0f131a)!important;
}

body.hg-dp-template-page .hg-dp-page{
  color:var(--hgdp-ink);
  background:transparent;
  min-height:calc(100svh - 80px);
  overflow:hidden;
}

.hg-dp-page *,
.hg-dp-page *:before,
.hg-dp-page *:after{
  box-sizing:border-box;
}

.hg-dp-wrap{
  width:min(1120px,calc(100% - 28px));
  margin:auto;
  padding:34px 0 54px;
}

.hg-dp-card{
  border:1px solid var(--hgdp-line);
  border-radius:28px;
  background:color-mix(in srgb,var(--hgdp-surface) 88%,transparent);
  box-shadow:var(--hgdp-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.hg-dp-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 400px;
  gap:18px;
  align-items:stretch;
}

.hg-dp-hero-main{
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.hg-dp-hero-main:after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  left:-110px;
  top:-100px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--hgdp-accent),var(--hgdp-accent-2));
  opacity:.10;
  filter:blur(18px);
  pointer-events:none;
}

.hg-dp-eyebrow{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--hgdp-accent) 22%,transparent);
  border-radius:999px;
  color:color-mix(in srgb,var(--hgdp-accent) 88%,var(--hgdp-ink));
  background:color-mix(in srgb,var(--hgdp-accent) 9%,transparent);
  font-size:12px;
  margin-bottom:16px;
  font-weight:800;
}

.hg-dp-eyebrow i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--hgdp-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--hgdp-accent) 16%,transparent);
  flex:none;
}

.hg-dp-page h1{
  position:relative;
  z-index:1;
  margin:0;
  font-size:clamp(34px,5vw,62px);
  line-height:1.08;
  letter-spacing:-1.6px;
  max-width:740px;
  color:var(--hgdp-ink);
}

.hg-dp-page h1 span{
  display:block;
  color:var(--hgdp-accent);
}

.hg-dp-lead{
  position:relative;
  z-index:1;
  margin:18px 0 0;
  color:var(--hgdp-muted);
  line-height:2.05;
  font-size:15px;
  max-width:660px;
}

.hg-dp-actions,
.hg-dp-contact-actions,
.hg-dp-final-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.hg-dp-actions{
  position:relative;
  z-index:1;
  margin-top:28px;
}

.hg-dp-btn{
  position:relative;
  min-height:52px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid var(--hgdp-line);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:900;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
  text-align:center;
  text-decoration:none!important;
  background:transparent;
  overflow:hidden;
  isolation:isolate;
}

.hg-dp-btn:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  opacity:.55;
  pointer-events:none;
  z-index:-1;
}

.hg-dp-btn-primary{
  border:0;
  color:#fff!important;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--hgdp-accent),#14b8a6);
  box-shadow:0 16px 30px color-mix(in srgb,var(--hgdp-accent) 24%,transparent);
}

.hg-dp-btn-telegram{
  border:0;
  color:#fff!important;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.30),transparent 28%),linear-gradient(135deg,#1d9bd7,var(--hgdp-telegram),#0ea5e9);
  box-shadow:0 16px 30px rgba(34,158,217,.22);
}

.hg-dp-btn-soft{
  color:var(--hgdp-ink)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--hgdp-surface) 94%,transparent),color-mix(in srgb,var(--hgdp-surface-2) 96%,transparent));
}

.hg-dp-btn:hover{
  transform:translateY(-2px);
}

.hg-dp-notes{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:28px;
}

.hg-dp-note{
  border:1px solid var(--hgdp-line);
  background:var(--hgdp-surface-2);
  border-radius:20px;
  padding:14px;
}

.hg-dp-note b{
  display:block;
  font-size:15px;
  letter-spacing:-.3px;
  color:var(--hgdp-ink);
}

.hg-dp-note span{
  display:block;
  color:var(--hgdp-muted);
  font-size:12px;
  line-height:1.8;
  margin-top:4px;
}

.hg-dp-contact-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hg-dp-contact-card{
  padding:22px;
  display:flex;
  flex-direction:column;
  min-height:208px;
}

.hg-dp-icon{
  width:52px;
  height:52px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  margin-bottom:16px;
}

.hg-dp-icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hg-dp-icon-telegram{
  background:linear-gradient(135deg,var(--hgdp-telegram),var(--hgdp-accent-2));
  box-shadow:0 18px 34px rgba(34,158,217,.20);
}

.hg-dp-icon-sms{
  background:linear-gradient(135deg,var(--hgdp-accent),var(--hgdp-success));
  box-shadow:0 18px 34px color-mix(in srgb,var(--hgdp-accent) 20%,transparent);
}

.hg-dp-contact-card h2{
  margin:0;
  font-size:20px;
  letter-spacing:-.5px;
  color:var(--hgdp-ink);
}

.hg-dp-contact-card p{
  margin:9px 0 0;
  color:var(--hgdp-muted);
  line-height:1.9;
  font-size:13px;
}

.hg-dp-copy-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding:12px;
  border:1px solid var(--hgdp-line);
  border-radius:18px;
  background:var(--hgdp-surface-2);
}

.hg-dp-copy-box code{
  color:var(--hgdp-ink);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hg-dp-copy-box button{
  border:1px solid color-mix(in srgb,var(--hgdp-accent-2) 18%,var(--hgdp-line));
  border-radius:14px;
  padding:10px 12px;
  color:color-mix(in srgb,var(--hgdp-accent) 82%,var(--hgdp-ink));
  background:linear-gradient(180deg,color-mix(in srgb,var(--hgdp-accent-2) 12%,var(--hgdp-surface)),color-mix(in srgb,var(--hgdp-accent) 7%,var(--hgdp-surface-2)));
  cursor:pointer;
  flex:none;
  font-weight:850;
}

.hg-dp-warning{
  margin-top:12px;
  display:flex;
  gap:9px;
  align-items:flex-start;
  border:1px solid color-mix(in srgb,var(--hgdp-warn) 32%,transparent);
  background:color-mix(in srgb,var(--hgdp-warn) 10%,transparent);
  color:color-mix(in srgb,var(--hgdp-warn) 72%,var(--hgdp-ink));
  border-radius:18px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.8;
}

.hg-dp-contact-actions{
  margin-top:auto;
  padding-top:16px;
}

.hg-dp-steps{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.hg-dp-step{
  padding:18px;
  min-height:154px;
}

.hg-dp-step span{
  width:38px;
  height:38px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--hgdp-accent) 12%,transparent);
  color:var(--hgdp-accent);
  font-weight:900;
  margin-bottom:14px;
}

.hg-dp-step strong{
  display:block;
  font-size:15px;
  color:var(--hgdp-ink);
}

.hg-dp-step p{
  margin:8px 0 0;
  color:var(--hgdp-muted);
  font-size:12px;
  line-height:1.9;
}

.hg-dp-section{
  margin-top:26px;
}

.hg-dp-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 14px;
  padding:0 4px;
}

.hg-dp-section-head h2{
  margin:0;
  color:var(--hgdp-ink);
  font-size:24px;
  letter-spacing:-.6px;
}

.hg-dp-section-head p{
  margin:6px 0 0;
  color:var(--hgdp-muted);
  line-height:1.9;
  font-size:13px;
}

.hg-dp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.hg-dp-type-card{
  padding:20px;
  min-height:190px;
  transition:.22s ease;
}

.hg-dp-type-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 65px rgba(31,34,45,.13);
}

.hg-dp-type-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:var(--hgdp-accent);
  background:color-mix(in srgb,var(--hgdp-accent) 10%,transparent);
  margin-bottom:14px;
}

.hg-dp-type-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hg-dp-type-card h3{
  margin:0;
  color:var(--hgdp-ink);
  font-size:16px;
  letter-spacing:-.3px;
}

.hg-dp-type-card p{
  margin:8px 0 0;
  color:var(--hgdp-muted);
  line-height:1.9;
  font-size:12.5px;
}

.hg-dp-faq{
  margin-top:18px;
  padding:22px;
}

.hg-dp-faq-head{
  margin-bottom:12px;
}

.hg-dp-faq h2{
  margin:0;
  font-size:22px;
  letter-spacing:-.5px;
  color:var(--hgdp-ink);
}

.hg-dp-faq-head p{
  margin:6px 0 0;
  color:var(--hgdp-muted);
  font-size:13px;
}

.hg-dp-faq details{
  border:1px solid var(--hgdp-line);
  border-radius:18px;
  background:var(--hgdp-surface-2);
  padding:0 14px;
  margin-top:10px;
  overflow:hidden;
}

.hg-dp-faq summary{
  list-style:none;
  cursor:pointer;
  padding:15px 0;
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--hgdp-ink);
}

.hg-dp-faq summary::-webkit-details-marker{
  display:none;
}

.hg-dp-faq summary:after{
  content:"+";
  width:26px;
  height:26px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:var(--hgdp-surface);
  color:var(--hgdp-muted);
  flex:none;
}

.hg-dp-faq details[open] summary:after{
  content:"–";
}

.hg-dp-faq details p{
  margin:0;
  padding:0 0 14px;
  color:var(--hgdp-muted);
  font-size:12px;
  line-height:1.9;
}

.hg-dp-final-cta{
  margin-top:18px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--hgdp-accent) 10%,transparent),color-mix(in srgb,var(--hgdp-surface) 92%,transparent));
}

.hg-dp-final-cta h2{
  margin:0;
  color:var(--hgdp-ink);
  font-size:24px;
  letter-spacing:-.6px;
}

.hg-dp-final-cta p{
  margin:10px 0 0;
  color:var(--hgdp-muted);
  line-height:2;
  font-size:13px;
  max-width:480px;
}

.hg-dp-mini-footer{
  margin-top:18px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  border-top:1px solid var(--hgdp-line);
}

.hg-dp-mini-footer strong{
  display:block;
  color:var(--hgdp-ink);
  font-size:14px;
}

.hg-dp-mini-footer span{
  display:block;
  color:var(--hgdp-muted);
  font-size:12px;
  margin-top:2px;
}

.hg-dp-mini-footer nav{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.hg-dp-mini-footer nav a{
  color:var(--hgdp-muted);
  font-size:12.5px;
  text-decoration:none;
}

.hg-dp-mini-footer nav a:hover{
  color:var(--hgdp-accent);
}

.hg-dp-toast{
  position:fixed;
  top:20px;
  right:50%;
  transform:translateX(50%) translateY(-18px);
  opacity:0;
  pointer-events:none;
  z-index:9999;
  padding:11px 14px;
  border:1px solid var(--hgdp-line);
  border-radius:16px;
  color:var(--hgdp-ink);
  background:var(--hgdp-surface);
  box-shadow:var(--hgdp-shadow);
  transition:.24s ease;
  font-size:13px;
}

.hg-dp-toast.show{
  opacity:1;
  transform:translateX(50%) translateY(0);
}

@media(max-width:980px){
  .hg-dp-hero{
    grid-template-columns:1fr;
  }

  .hg-dp-steps,
  .hg-dp-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .hg-dp-wrap{
    width:min(100% - 20px,1120px);
    padding:22px 0 38px;
  }

  .hg-dp-hero-main{
    min-height:auto;
    padding:24px;
  }

  .hg-dp-actions,
  .hg-dp-contact-actions,
  .hg-dp-final-actions,
  .hg-dp-final-cta{
    flex-direction:column;
    align-items:stretch;
  }

  .hg-dp-btn{
    width:100%;
  }

  .hg-dp-notes,
  .hg-dp-steps,
  .hg-dp-grid{
    grid-template-columns:1fr;
  }

  .hg-dp-section-head{
    display:block;
  }
}

@media print{
  .hg-dp-actions,
  .hg-dp-contact-actions,
  .hg-dp-final-actions,
  .hg-dp-toast,
  .mobile-nav{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hg-dp-page *,
  .hg-dp-page *:before,
  .hg-dp-page *:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}