/* So Good Baits finishing layer
   Intent: quieter, higher-quality surfaces with NO layout, sizing, or color-system redesign.
   Keeps the existing card grid, photography, type scale and checkout interfaces. */
:root {
  --sgb-finish-shadow: 0 1px 2px rgba(7,16,24,.045), 0 9px 26px rgba(7,16,24,.065);
  --sgb-finish-hover: 0 4px 10px rgba(7,16,24,.055), 0 20px 38px rgba(7,16,24,.115);
}

/* Cards that already have their own background and rounded corners. */
.sgb-catalog-card,
.home-family-grid > a,
.category-guide-card {
  border-color: rgba(98,75,51,.16);
  box-shadow: var(--sgb-finish-shadow);
  transition: box-shadow 220ms ease, border-color 220ms ease, transform 220ms ease;
}

/* Desktop pointer polish: a quieter lift than the old catalogue hover. */
@media (hover: hover) and (pointer: fine) {
  .sgb-catalog-card:hover,
  .home-family-grid > a:hover,
  .category-guide-card:hover {
    transform: translateY(-2px);
    border-color: rgba(151,112,67,.30);
    box-shadow: var(--sgb-finish-hover);
  }
}

.sgb-catalog-card:focus-within,
.home-family-grid > a:focus-visible,
.category-guide-card:focus-visible {
  box-shadow: 0 0 0 2px rgba(151,112,67,.24), var(--sgb-finish-shadow);
}

@media (prefers-reduced-motion: reduce) {
  .sgb-catalog-card,
  .home-family-grid > a,
  .category-guide-card {
    transition: none;
  }
  .sgb-catalog-card:hover,
  .home-family-grid > a:hover,
  .category-guide-card:hover {
    transform: none;
  }
}