/* EasyPage Builder — frontend.css */

.epb-canvas { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.epb-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.epb-col { flex: 1; min-width: 0; }

@media (max-width: 768px) {
  .epb-row { flex-direction: column; }
  .epb-col { flex: none; width: 100%; }
}

.epb-heading { margin: 0 0 12px; line-height: 1.2; }
.epb-text    { line-height: 1.7; margin-bottom: 12px; }

.epb-image {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.epb-button {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .18s, transform .18s;
}
.epb-button:hover { opacity: .88; transform: translateY(-1px); }
.epb-btn-primary   { background: #6366f1; color: #fff; }
.epb-btn-secondary { background: transparent; border: 2px solid #6366f1; color: #6366f1; }
.epb-btn-danger    { background: #ef4444; color: #fff; }

.epb-divider { border: none; border-top: 1px solid #e2e8f0; margin: 12px 0; }
.epb-spacer  { display: block; }
.epb-video   { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 6px; }
.epb-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.epb-html    { overflow: auto; }