/* Aromas Premium — perfumaria/cosméticos, cantos suaves, cards elevados,
   mega menu com sublinhado dourado. Pensado pra loja com paleta plum/sand
   configurada em Design, mas funciona com qualquer paleta (só herda as
   --navy/--sky/--sky-ink/--crimson da loja). */
:root {
  --navy: #5b1e62; --sky: #bc9a82; --sky-ink: #93725c; --crimson: #bc4b6b;
  --ground: #FBF6F0;
}

body { font-family: 'Manrope', var(--sans); }

.st-hero {
  background: linear-gradient(135deg, var(--navy), #2c0f31);
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}
.st-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(120% 140% at 85% 15%, rgba(241,221,175,.22), transparent 60%);
}

.st-menu { background: var(--navy); }
.st-menu-item { border-bottom: 3px solid transparent; }
.st-menu-item:hover, .st-mega:hover > a { border-bottom-color: var(--sky); }

.st-cat-chip { border-radius: 100px; font-weight: 700; }
.st-cat-chip.active, .st-cat-chip:hover { background: var(--navy); border-color: var(--navy); }

.st-card { border-radius: 18px; border-color: var(--line); transition: box-shadow .18s ease, transform .18s ease; }
.st-card:hover { box-shadow: 0 20px 40px -24px rgba(44,15,49,.35); transform: translateY(-3px); }
.st-card-img { border-radius: 18px 18px 0 0; background: #FAF3E1; }

.st-btn { border-radius: 100px; background: var(--crimson); }
.st-band { background: var(--navy); border-radius: 14px; }
.st-ft { background: #2c0f31; }

.st-section-title { font-weight: 600; letter-spacing: -.01em; }