/* =========================
   BASE GLOBAL – NÃO MEXER
   ========================= */

:root{
  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --green:#16a34a;
  --green2:#15803d;
  --orange:#f59e0b;
  --orange2:#fb923c;
  --border:#e5e7eb;
  --shadow:0 10px 25px rgba(0,0,0,.08);
  --radius:16px;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a {
  color: inherit;
  text-decoration: none;
}

/* utilidades globais */
.btn {
  cursor: pointer;
  border: none;
}

.hidden {
  display: none !important;
}
/* ===== AJUSTE FINO – ESPAÇO TOPO PRODUTO ===== */

/* reduz espaço entre header e conteúdo */
.page {
  margin-top: 8px;
}


/* reduz espaço interno do container */
.page .container {
  padding-top: 8px !important;
}

/* reduz espaço antes do card do produto */

/* ===== AJUSTE PRODUTO ===== */
.product-info {
  padding: 16px; /* antes estava grande */
}

.product-info h1 {
  margin-bottom: 8px;
}

.product-prices {
  margin-bottom: 8px;
}

.product-desc {
  margin-bottom: 12px;
}

.product-actions {
  margin-top: 12px;
}