@charset "utf-8";

.wg-tabs-wrap { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 44px; }

.wg-tab { display: flex; align-items: center; gap: 7px; padding: 10px 22px; border-radius: 50px; border: 1.5px solid rgb(224, 219, 212); background: rgb(255, 255, 255); color: var(--brown); font-size: 0.82rem; font-weight: 700; cursor: pointer; font-family: inherit; transition: 0.2s; }

.wg-tab:hover { border-color: var(--navy-primary); color: var(--navy-primary); }

.wg-tab.on { background: var(--navy-primary); color: rgb(255, 255, 255); border-color: var(--navy-primary); box-shadow: rgba(36, 52, 71, 0.3) 0px 4px 16px; }

.wg-tab-dot { width: 8px; height: 8px; border-radius: 50%; background: currentcolor; opacity: 0.6; flex-shrink: 0; }

.wg-cat-title { text-align: center; margin-bottom: 36px; font-family: Georgia, serif; font-size: 1.15rem; font-weight: 700; color: var(--char); opacity: 0; transform: translateY(8px); transition: opacity 0.3s, transform 0.3s; }

.wg-cat-title.visible { opacity: 1; transform: translateY(0px); }

.wg-card { display: none; flex-direction: column; }

.wg-card.show { display: flex; animation: 0.35s ease 0s 1 normal none running wg-pop; }

@keyframes wg-pop { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: translateY(0px); }
}