YoSi 健康選品商店

由藥師與專業團隊嚴選，協助你快速找到適合自己與家人的健康選品。 請先選擇需求分類，再進入商品列表。

/* 只針對這一區的分類卡片生效 */
#shop-category-nav {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 22px;
margin: 40px auto;
max-width: 1200px;
}

/* 每一張分類卡片 */
#shop-category-nav .category-nav-item {
background: #1A1C40 !important; /* 深藍背景，強制覆蓋舊的粉色 */
border-radius: 20px;
padding: 28px 10px;
text-align: center;
text-decoration: none;
transition: all 0.25s ease;
border: 1px solid rgba(255,255,255,0.18) !important;
}

/* Icon */
#shop-category-nav .cat-icon {
font-size: 38px;
display: block;
margin-bottom: 12px;
}

/* 英文分類名稱 */
#shop-category-nav .cat-en {
font-size: 14px;
font-weight: 600;
color: #EBC1D5; /* 粉色品牌字體 */
letter-spacing: 1px;
}

/* 中文分類名稱 */
#shop-category-nav .cat-zh {
display: block;
margin-top: 6px;
font-size: 16px;
color: #ffffff;
}

/* Hover 狀態 */
#shop-category-nav .category-nav-item:hover {
transform: translateY(-4px);
background: #151853 !important; /* 更深一點，hover 時跳色 */
border-color: #EBC1D5 !important;
}