.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

.material-symbols-outlined.filled {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

.soft-shadow {
  box-shadow: 0 10px 30px -10px rgba(201, 149, 108, 0.15);
}

.hover-lift {
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px -15px rgba(201, 149, 108, 0.25);
}

.mobile-menu-panel {
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.mobile-menu-panel.is-hidden {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.gradient-bg {
  background: linear-gradient(135deg, #f8e8e8 0%, #ffffff 100%);
}

body {
  min-height: max(884px, 100dvh);
}