.vbm-subscribe{color:#fff;}
.vbm-subscribe select{max-width:480px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.vbm-subscribe select[multiple]{height:auto}
.vbm-sub-row{display:flex;gap:8px}
.vbm-sub-row input[type="email"]{flex:1 1 auto;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14pt}
.vbm-sub-row button{
  padding:10px 14px;border-radius:10px;background:var(--gcid-jmnofuievs);color:#fff;border:0;
  cursor:pointer;
  transition:transform .12s ease, filter .12s ease, opacity .12s ease;
  font-size: 14pt;
}
.vbm-sub-row button:hover{ transform: translateY(-1px); filter:brightness(1.08); }
.vbm-sub-row button:active{ transform: translateY(0); filter:brightness(0.96); }
@media (max-width:768px){.vbm-sub-row{flex-direction:column}}

.vbm-section{margin-top:14px}
.vbm-section-title{font-weight:600;margin:6px 0 8px;}
.vbm-opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:768px){.vbm-opt-grid{grid-template-columns:1fr}}
.vbm-opt-grid input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}

.vbm-addr-list .vbm-addr-row{display:flex;gap:8px;margin-top:8px}
.vbm-addr-list input[type="text"]{flex:1 1 auto;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}
.vbm-addr-add,.vbm-addr-del{width:42px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
.vbm-addr-del{color:#b91c1c}

.vbm-privacy{font-size:12px;color:#fff;margin-top:10px}
.vbm-privacy a{color:#2563eb;text-decoration:underline}

/* Inline-Feedback unter dem Button */
.vbm-inline-msg{
  margin-top:10px;
  background:rgba(37,99,235,.12);
  border:1px solid rgba(37,99,235,.4);
  color:#fff;
  padding:10px 12px;
  border-radius:10px;
}

.vbm-subscribe.is-collapsed .vbm-section,
.vbm-subscribe.is-collapsed .vbm-privacy{
  opacity:0;
  transform: translateY(-32px);              /* deutlicher Slide von oben */
  max-height:0;
  overflow:hidden;
  margin-top:0;                               /* kompakter Startzustand */
  will-change: max-height, opacity, transform, clip-path, margin-top;
  transition:
    max-height .90s cubic-bezier(.2,.8,.2,1),
    opacity   .60s cubic-bezier(.2,.8,.2,1),
    transform .90s cubic-bezier(.2,.8,.2,1),
    margin-top .30s ease;
}

/* Gestaffeltes Einblenden */
.vbm-subscribe.show-step-1 .js-adv-address{
  opacity:1;
  transform:translateY(0);
  max-height:1200px;
  margin-top:14px;
  clip-path: inset(0 0 0 0);                  /* Wipe endet */
}
.vbm-subscribe.show-step-2 .js-adv-optional{
  opacity:1;
  transform:translateY(0);
  max-height:1200px;
  margin-top:14px;
  clip-path: inset(0 0 0 0);
}
.vbm-subscribe.show-step-3 .vbm-privacy{
 opacity:1;
  transform:translateY(0);
  max-height:600px;
  margin-top:10px;
  clip-path: inset(0 0 0 0);
}

/* Optional: glattere Details-Optik (summary sichtbar, aber das gesamte <details> wird animiert) */
.vbm-sub-adv summary {
  cursor: pointer;
}
.vbm-subscribe .vbm-success{
  background: rgba(16,185,129,.12);
  border: 1px solid rgba(16,185,129,.45);
  color:#fff;
  padding:16px;
  border-radius:12px;
  line-height:1.5;
}
.vbm-subscribe .vbm-success h4{color:#fff;margin:0 0 6px;font-size:1.1rem;font-weight:700;}
.vbm-subscribe .vbm-success p{margin:0;}