/* === Original button/modal classes with -755 suffix (no conflicts) === */
.subscribe-btn-755{
  background:#FFB800;color:#000;padding:10px 20px;font-size:16px;font-weight:bold;border:none;border-radius:8px;
  cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:transform .2s, box-shadow .2s;
}
.subscribe-btn-755:hover{background:#e6a700;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.4);}

.subscribe-modal-755{
  display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);
  overflow:hidden; /* no outer scroll */
}
.subscribe-content-755{
  /* mobile: fullscreen when opened */
  position:fixed;inset:0;width:100vw;height:100svh;height:100dvh;background:#fff;
  display:flex;flex-direction:column;min-height:0;margin:0;border-radius:0;box-shadow:none;max-width:none;
}
.close-subscribe-755{color:#333;float:right;font-size:28px;font-weight:bold;padding:8px 16px;cursor:pointer;}
.close-subscribe-755:hover{color:red;}

/* Header */
.modal-header-755{
  flex:0 0 auto;height:54px;display:flex;align-items:center;justify-content:center;
  padding:0 12px;border-bottom:1px solid #e6eaf0;background:linear-gradient(90deg, rgba(37,99,235,.08), rgba(37,99,235,0));
}
.modal-header-755 h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}

/* Steps fill remaining space */
.step-755{display:none;flex:1 1 auto;min-height:0;overflow:hidden;}
.step-active-755{display:block;}

/* Step 1 layout */
.card-755{
  height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px 16px;overflow:auto;
}
.muted-755{color:#64748b;margin:0 0 16px;text-align:center}
.fields-755{width:min(720px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:720px){.fields-755{grid-template-columns:1fr}}
.field-755 label{display:block;font-size:14px;color:#334155;margin-bottom:6px}
.field-755 input{width:100%;padding:12px 14px;border:1px solid #d5dbe5;border-radius:12px;font-size:16px;background:#fff}
.field-755 input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.field-error-755{display:none;color:#c40000;font-size:12px;margin-top:6px}

.summary-mini-755{
  width:min(720px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px 14px;margin:16px 0;
}
.summary-mini-755 div{display:flex;justify-content:space-between}
.summary-mini-755 span{color:#475569}

.actions-755{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:min(720px,92vw)}
.btn-755{padding:12px 20px;border:none;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s;min-height:46px}
.primary-755{background:#2563eb;color:#fff}
.primary-755:hover{background:#1e4fd6}
.paypal-755{background:#ffc439;color:#111;display:flex;align-items:center;gap:10px}
.paypal-icon-755{width:24px;height:24px;flex-shrink:0}
.guarantee-755{margin-top:12px;font-size:13px;color:#4b5563;text-align:center}

/* Step 2 layout: info bar + iframe flexes to fill */
#paymentStep-755.step-active-755{display:flex;flex-direction:column}
.bar-755{
  flex:0 0 auto;height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:0 12px;border-bottom:1px solid #e6eaf0;background:#f3f6ff;
}
.left-755{font-size:14px;color:#0b132a}
.chip-755{border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:6px 12px;cursor:pointer}

/* The actual checkout iframe for Product 2 (id suffixed -755) */
#iframe-755{
  flex:1 1 auto;min-height:0;width:100%;height:100%;border:0;display:block;background:#fff;
}

/* Desktop/laptop: center as card when open */
@media (min-width:1024px){
  #modal2-755[aria-hidden="false"]{
    display:flex;align-items:center;justify-content:center;padding:32px;
  }
  #modal2-755[aria-hidden="false"] .subscribe-content-755{
    position:relative;inset:auto;width:min(920px,94vw);height:88vh;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35);
  }
}