:root {
  --primary: #f4f0ed;
  --secondary: #1d1d1d;
  --accent: #ffb37b;
  --muted: #8f8f8f;
  --card: #ffffff;
  --border: #1d1d1d;
  --shadow: 4px 4px 0 #1d1d1d;
  --radius: 14px;
  --font-head: "Recoleta", serif;
  --font-body: "GT Walsheim Pro", sans-serif;
}
* { box-sizing: border-box; }

/* HARD SCOPE + OVERRIDE Webflow globals */
#biz-root {
  padding: 32px !important;
  background: var(--primary) !important;
  font-family: var(--font-body) !important;
  color: var(--secondary) !important;
  min-height: 600px !important;
  display: block !important;
  position: relative !important;
  z-index: 9999 !important;
}
#biz-root * { font-family: var(--font-body) !important; color: var(--secondary) !important; }
#biz-root ::placeholder { color: var(--muted) !important; opacity: 1 !important; }

.bz-hide { display: none !important; }

.bz-card {
  background: var(--card) !important;
  border: 2px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  padding: 20px !important;
}

.bz-row { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }
.bz-col { flex: 1 !important; min-width: 300px !important; }

.bz-title {
  font-family: var(--font-head) !important;
  font-size: 28px !important;
  margin: 0 0 8px !important;
  color: var(--secondary) !important;
}

.bz-sub { color: var(--muted) !important; font-size: 14px !important; margin-top: 6px !important; }

.bz-input, .bz-textarea, .bz-select {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--secondary) !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

.bz-btn {
  background: var(--accent) !important;
  border: 2px solid var(--border) !important;
  padding: 10px 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  color: var(--secondary) !important;
}
.bz-btn.secondary { background: #fff !important; }
.bz-btn.danger { background: #fff !important; border-style: dashed !important; }

.bz-tabs { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 12px !important; }
.bz-tab { padding: 6px 12px !important; border: 1px solid var(--border) !important; border-radius: 999px !important; cursor: pointer !important; }
.bz-tab.active { background: var(--accent) !important; }

.bz-preview {
  --preview-primary: var(--primary);
  --preview-secondary: var(--secondary);
  --preview-accent: var(--accent);
  --preview-muted: var(--muted);
  --preview-border: var(--secondary);
  --preview-shadow: 4px 4px 0 var(--secondary);
  border: 2px solid var(--preview-border) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  background: var(--preview-primary) !important;
}
.bz-hero { height: 180px !important; background: #eee !important; border: 2px solid var(--preview-border) !important; border-radius: 14px !important; margin-bottom: 12px !important; overflow: hidden !important; }
.bz-hero img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.bz-preview-header { display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:12px !important; }
.bz-preview-meta { display:flex !important; flex-direction:column !important; gap:4px !important; }
.bz-preview-icons { display:flex !important; gap:6px !important; }
.bz-icon-btn { width:30px !important; height:30px !important; border:2px solid var(--preview-border) !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:14px !important; }
.bz-preview-actions { display:flex !important; gap:10px !important; margin-top:10px !important; }
.bz-preview-actions .bz-btn { flex:1 !important; }
.bz-preview-section { margin-top:14px !important; }
.bz-preview-card { border:2px solid var(--preview-border) !important; border-radius:12px !important; padding:10px !important; box-shadow: var(--preview-shadow) !important; background:var(--preview-primary) !important; }
.bz-preview-grid { display:grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap:8px !important; }
.bz-preview-thumb { border:2px solid var(--preview-border) !important; border-radius:12px !important; height:64px !important; background:#eee !important; overflow:hidden !important; }
.bz-preview-thumb img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
.bz-preview .bz-title { color: var(--preview-secondary) !important; }
.bz-preview .bz-sub { color: var(--preview-secondary) !important; }
.bz-preview .bz-btn { background: var(--preview-accent) !important; border-color: var(--preview-secondary) !important; color: var(--preview-secondary) !important; }
.bz-preview .bz-btn.secondary { background: var(--preview-primary) !important; }
.bz-preview .bz-pill { background: var(--preview-secondary) !important; border-color: var(--preview-secondary) !important; color: var(--preview-primary) !important; box-shadow: 3px 3px 0 var(--preview-secondary) !important; }

.bz-preview-themes { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:10px !important; }
.bz-theme-row { display:flex !important; gap:8px !important; }
.bz-theme-dot { width:16px !important; height:16px !important; border-radius:999px !important; border:2px solid var(--border) !important; cursor:pointer !important; box-shadow: 2px 2px 0 var(--border) !important; }

.bz-stack > * { margin-top: 12px !important; }
.bz-btn-wrap { margin-top: 16px !important; }
.bz-gap-top { margin-top: 14px !important; }

.bz-list { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.bz-list-item { border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 10px !important; display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:12px !important; }
.bz-list-item small { color: var(--muted) !important; display:block !important; }
.bz-pill {
  display:inline-block !important;
  padding:4px 10px !important;
  border:2px solid var(--secondary) !important;
  border-radius:8px !important;
  margin-right:6px !important;
  margin-top:6px !important;
  background:var(--secondary) !important;
  color:var(--primary) !important;
  box-shadow: 3px 3px 0 var(--secondary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.bz-divider { height:1px !important; background: var(--border) !important; opacity:0.2 !important; margin:14px 0 !important; }

.bz-grid { display:grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
.bz-thumb { border:1px solid var(--border) !important; border-radius: 10px !important; overflow:hidden !important; background:#fff !important; }
.bz-thumb img { width:100% !important; height: 110px !important; object-fit: cover !important; display:block !important; }
.bz-thumb .meta { padding: 8px !important; }
.bz-table { width: 100% !important; border-collapse: collapse !important; }
.bz-table th, .bz-table td { border-bottom: 1px solid rgba(29,29,29,0.2) !important; padding: 8px !important; text-align:left !important; font-size: 13px !important; }
.bz-table th { font-weight: 700 !important; }