/* Variáveis usadas pelo layout da loja (cópia estática) */
:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --color-primary: #ff2b56;
  --color-background: #fff;
  --color-background-alt: #f5f5f5;
  --color-background-light: #f7f7f7;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #666;
  --color-text-tertiary: #999;
  --color-text-light: #949191;
  --color-text-white: #fff;
  --color-border-light: #eee;
  --color-border-medium: #ddd;
  --color-error: #dc2626;
  --color-error-light: #fee;
  --color-accent: #ffc107;
  --color-avatar-gradient: linear-gradient(135deg, #667eea, #764ba2);
  --color-review-star-color: #ffc107;
  --shadow-card: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-bottom-nav: 0 -2px 10px rgba(0,0,0,0.05);
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  --radius-full: 9999px;
}

/* Links como botões do header */
a.header-back-btn,
a.header-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

/* Botão Seguir → Seguindo (estado seguindo = cinza) */
.store-follow-btn.following {
  background: #e5e5e5 !important;
  color: #666 !important;
  border-color: #ddd !important;
}

/* Checkout: exibir apenas a etapa ativa */
.checkout-step-section { display: none !important; }
.checkout-step-section.active { display: block !important; }