#favorite-categories,
#favorite-categories * { box-sizing: border-box; }
#favorite-categories[hidden] { display: none !important; }
#favorite-categories { width: 100%; margin: 32px 0; text-align: left; }
#favorite-categories h2 { margin: 0 0 22px; font-size: 26px; line-height: 1.3; font-weight: 700; color: #3a3663; text-align: center; }
#favorite-categories .favorite-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: none; margin: 0; }
#favorite-categories .favorite-item { width: 100%; min-width: 0; }
#favorite-categories .fav-card { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; height: 100%; min-width: 0; padding: 14px 10px; overflow: hidden; border: 3px solid #B8CEDF; border-radius: 15px !important; background: #fff; color: #fff; text-decoration: none; box-shadow: none; transform: none; transition: border-color .2s ease, background-color .2s ease; }
#favorite-categories .fav-img { display: block; flex: 0 0 auto; width: 74px; height: 74px; max-width: 100%; margin: 0; border-radius: 10px; object-fit: cover; object-position: center; }
#favorite-categories .fav-btn { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; min-height: 42px; margin: 0; padding: 0; background: transparent; text-align: center; }
#favorite-categories .fav-btn span { display: block; min-width: 0; margin: 0; padding: 0; font-family: inherit; font-size: 15px; line-height: 1.35; font-weight: 700; color: #3a3663; background: transparent; text-decoration: none; }
#favorite-categories .fav-btn::before,
#favorite-categories .fav-btn::after { content: none; display: none; }
@media (min-width: 768px) {
  #favorite-categories .favorite-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  #favorite-categories .fav-card { flex-direction: row; justify-content: flex-start; min-height: 104px; }
  #favorite-categories .fav-btn { justify-content: flex-start; min-height: 0; text-align: left; }
  #favorite-categories .fav-btn span { font-size: 16px; }
}
@media (hover: hover) {
  #favorite-categories .fav-card:hover { border-color: #cf4d7b; background: #fff7fa; color: #3a3663; text-decoration: none; box-shadow: none; transform: none; }
  #favorite-categories .fav-card:hover .fav-btn { background: transparent; }
}
#favorite-categories .fav-card:focus-visible { outline: 3px solid #3a3663; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  #favorite-categories .fav-card { transition: none; }
}